<!DOCTYPE html>
<html xmlns:text-align="http://www.w3.org/1999/xhtml" xmlns:padding-top="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />

    <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="font/iconfont.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
    <script type="text/javascript" src="js/angular.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css" />

    <title>扣扣音乐</title>
    <style>
        html{height: 100%}
        body{height: 100%}

        @font-face {font-family: 'iconfont';
            src: url('font/iconfont.eot'); /* IE9*/
            src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('font/iconfont.woff') format('woff'), /* chrome、firefox */
            url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
            url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont{font-family:"iconfont" !important;
            font-style:normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.05rem;
        }

        .container{
            height:auto;
        }

        .head{
            height: 6rem;
            background: #4db878;
            line-height: 6rem;
        }

        .logo{
            color: white;
            font-size: 2.5rem;
            padding-left: 1.5rem;
        }

        .logo-msc{
            font-size: 2.9rem;
        }

        .input-div{
            margin-top: 1.7rem;
            width: 20rem;
            height: 2.6rem;
            background: #388c5a;
            line-height: 2.6rem;
            padding-left:15px ;
            padding-right: 15px;
            border-radius: 15px;
        }

        .input{
            width: 80%;
            height:100%;
            outline: none;
            font-size: 1.5rem;
            border: none;
            background: #388c5a;
            color: white;
        }

        .search{
            height:100%;
            cursor: pointer;
            padding-left: 10px;
            text-align: right;
            color: #C1C1C1;
            font-size: 1.8rem;
        }

        .search:hover{
            color: #F1F1F1;
        }

        .login-div{
            color: white;
            text-align: end;
            padding-right: 7rem;

        }

        .login{
            cursor: pointer;
        }

        .login >a{
            color: #fff;
        }

        .content{
            height: auto;
        }

        .content-left{
            background: #f3f3f3;
            border-right: 1px solid #ccc;
            height: 62rem;
        }

        .content-right{
            height: auto;
        }

        .cl-item{
            cursor: pointer;
            height: 4rem;
            line-height: 4rem;
            margin-left: -15px;
            margin-right: -15px;
            color: #666;
            padding-left: 20px;
        }

        .cl-item:hover{
            color: #000000;
        }

        .active{
            background: #e8e8e8;
            padding-left: 15px;
            border-left: 5px #4db878 solid;
        }

        .cl-manage{
            background: #f3f3f3;
            height: 3rem;
            line-height: 3rem;
            margin-left: -15px;
            margin-right: -15px;
            color: #666;
            padding-left: 10px;
            cursor:default;
        }

        .block-1{
            height: 1rem;
        }
        .manage-icon{

            padding-right: 10px;
            font-size: 2rem;
        }

        .play-bar{
            position: fixed;
            bottom: 0px;
            height:5rem;
            width: 100%;
            background: rgba(0,0,0,0.9);
            line-height: 5rem;
        }

        .play-btn{
            font-size: 3.5rem;
            color: white;
            position: relative;
            left:14rem;
            margin-left: 28px;
            margin-right: 28px;
            cursor: pointer;
        }

        .block-2{
            height:5.5rem;
            width: 100%;
        }

        .play-btn:hover{
            color: #E3E3E3;
        }

        .pre-btn{
            font-size: 2rem;
            color: white;
            position: relative;
            left:14rem;
            cursor: pointer;
        }

        .pre-btn:hover{
            color: #E3E3E3;
        }

        .next-btn{
            font-size: 2rem;
            color: white;
            position: relative;
            left:14rem;
            cursor: pointer;
        }

        .next-btn:hover{
            color: #E3E3E3;
        }

        *{
            moz-user-select: -moz-none;
            -moz-user-select: none;
            -o-user-select:none;
            -khtml-user-select:none;
            -webkit-user-select:none;
            -ms-user-select:none;
            user-select:none;
        }

        .music-page{
            width: 100%;
            height:63rem;
            border: 0;

        }

        .play-bar-bar{

            background: #999;
            width: 600px;
            height: 0.7rem;
            position: absolute;
            top: 3rem;
            left: 35rem;
            border-radius: 10px;
            padding-left: 0px;
        }


        .mis-text{
            position: absolute;
            display:inline-block;
            color: #fff;
            left: 35rem;
            padding: 0;
            top:-11px;
            font-size: 14px;

        }

        .play-bar-btn{
            display: block;
            width: 17px;
            height: 17px;
            background: white;
            border-radius: 17px;
            position: relative;
            top:-4px;
            left: 0px;
            cursor: pointer;
        }


        .play-bar-btn-icon{
            display: block;
            width: 9px;
            height: 9px;
            background: #4db878;
            border-radius:9px;
            position: relative;
            left:4px;
            top:4px;
            padding: 0;
            margin: 0;

        }

        .look-comment{
            color: #fff;
            position: absolute;
            right:150px;
            text-decoration: underline;
            cursor: pointer;
        }

        .look-comment:hover{
            color: #ccc;
        }

        .modal-body{
            height: 30rem;
            overflow: scroll;
        }

        .commit-comment{
            width: 400px;
        }

        .comment-btn{
            background: #337ab7;
        }

        .follow{
            cursor: pointer;
        }

        .follow:hover{
            text-decoration: underline;
        }

        .fa{
            font-size: 1rem;
        }

        .message-badge{
            position: relative;
            left: 4rem;
        }

        .popover-con-div > p{
            padding-top: 5px;
            border-bottom:1px solid #ccc;
            cursor: pointer;
        }

        .message-head:disabled,.message-content:disabled{
            background: #FFFFFF;
        }
        .msg-label{
            font-size: 1.7rem;
        }

        .login-error,.register-error{
            margin-top: 15px;
            text-align: center;
            color: #000000;
        }

    </style>
</head>
<body ng-app="page-content" ng-controller="page-ctrl" class="ng-scope">
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;">
    <symbol id="icon-shanchu" viewBox="0 0 1024 1024">
        <path d="M344.4593 791.382c15.4235 0 27.902-12.4795 27.902-27.902V456.558592c0-15.4225-12.4795-27.902-27.902-27.902-15.4225 0-27.902 12.4805-27.902 27.902v306.92249599999997C316.5573 778.9036 329.0368 791.382 344.4593 791.382zM511.872 791.382c15.4235 0 27.902-12.4795 27.902-27.902V456.558592c0-15.4225-12.4795-27.902-27.902-27.902s-27.902 12.4805-27.902 27.902v306.92249599999997C483.969 778.9036 496.4485 791.382 511.872 791.382zM679.2837 791.382c15.4235 0 27.902-12.4795 27.902-27.902V456.558592c0-15.4225-12.4795-27.902-27.902-27.902s-27.902 12.4805-27.902 27.902v306.92249599999997C651.3818 778.9036 663.8602 791.382 679.2837 791.382zM818.7935 149.6361H703.2340479999999c-12.4795-48.0113-55.8039-83.7059-107.6572-83.7059H428.16512000000006c-51.8533 0-95.1777 35.6946-107.6572 83.7059H204.949504c-61.5526 0-111.6078 50.0828-111.6078 111.6078v27.902976h27.901952v27.901952h55.803904v530.138112c0 61.526 50.0552 111.6078 111.6078 111.6078h446.432256c61.5547 0 111.6078-50.0818 111.6078-111.6078V317.047808h55.803904v-27.901952h27.901952v-27.902976C930.4013 199.7179 880.3482 149.6361 818.7935 149.6361zM428.1651 121.7341h167.411712c20.5445 0 38.3652 11.308 48.0389 27.902H380.12723200000005C389.801 133.0422 407.6206 121.7341 428.1651 121.7341zM790.8915 847.1859c0 30.7896-25.0399 55.8039-55.8039 55.8039H288.65536000000003c-30.763 0-59.6726-25.0143-59.6726-55.8039l3.8687-530.1381h558.040064V847.1859199999999zM149.1446 261.2439c0-30.7896 25.0419-55.8039 55.8039-55.8039H818.793472c30.7651 0 55.8039 25.0143 55.8039 55.8039H149.144576z"></path></symbol>
    <symbol id="icon-yinle" viewBox="0 0 1024 1024">
        <path d="M960 0l-640 144c0 0-48 10.912-48 48l0 650.56c-24-6.688-51.168-10.56-80-10.56-97.216 0-176 42.976-176 96s78.784 96 176 96 176-42.976 176-96l0-510.016 544-118.624 0 399.232c-24-6.688-51.168-10.56-80-10.56-97.216 0-176 42.976-176 96s78.784 96 176 96 176-42.976 176-96l0-736c0-26.528-21.504-48-48-48z"></path></symbol>
    <symbol id="icon-bofang2" viewBox="0 0 1064 1024">
        <path d="M-48.606208 883.816448"></path>
        <path d="M1041.337344 883.816448"></path>
        <path d="M85.164032 853.49376"></path>
        <path d="M439.277568 253.131776 736.444416 512.809984 439.277568 772.02432Z"></path>
        <path d="M85.164032 512.346112c0 124.5184 42.580992 228.202496 130.994176 316.613632 87.49056 87.486464 193.494016 131.693568 317.07648 131.462144 123.60192-0.232448 228.6592-43.97568 316.146688-131.462144 87.494656-87.486464 131.692544-193.021952 131.472384-316.613632-0.242688-124.055552-43.976704-229.588992-131.472384-317.07648C761.892864 107.782144 656.836608 64.270336 533.234688 64.270336c-124.045312 0-229.817344 43.281408-317.07648 130.999296C128.436224 283.450368 85.164032 387.828736 85.164032 512.346112z"></path>
        <path d="M980.380672 853.49376"></path></symbol>
    <symbol id="icon-shoucang" viewBox="0 0 1024 1024">
        <path d="M895.8464 517.685248c88.278016-91.943936 88.221696-240.900096 0-332.834816-45.108224-46.958592-104.531968-69.929984-163.643392-68.9152-82.67776 1.462272-219.037696 115.387392-219.037696 115.387392s-140.1856-115.557376-224.91136-115.410944c-57.719808 0.103424-115.406848 23.085056-159.449088 68.938752-88.226816 91.93472-88.278016 240.89088 0 332.834816l383.520768 399.297536L895.8464 517.685248z"></path></symbol>
    <symbol id="icon-dianhua" viewBox="0 0 1024 1024">
        <path d="M512.400384 259.810304c-5.876736 0-11.599872 0.543744-17.393664 0.884736l0 105.220096c5.82656-0.525312 11.430912-1.748992 17.393664-1.748992 105.663488 0 191.318016 85.653504 191.318016 191.318016 0 18.207744-3.362816 35.482624-8.119296 52.176896l107.598848 0c3.024896-16.96768 4.876288-34.342912 4.876288-52.176896C808.07424 392.192 675.692544 259.810304 512.400384 259.810304zM512.400384 51.100672c-5.876736 0-11.567104 0.678912-17.393664 0.883712l0 104.354816c5.810176-0.253952 11.516928-0.882688 17.393664-0.882688 220.921856 0 400.028672 179.088384 400.028672 400.028672 0 17.732608-1.545216 35.057664-3.787776 52.176896l105.443328 0c1.765376-17.154048 2.701312-34.564096 2.701312-52.176896C1016.78592 276.9152 790.970368 51.100672 512.400384 51.100672zM695.786496 761.2416c-57.920512-22.14912-112.780288-50.650112-176.372736 8.71424-39.250944 36.635648-67.633152 32.627712-93.29664 18.987008C400.468992 775.304192 242.4576 613.982208 220.886016 561.209344c-21.57056-52.772864-9.918464-59.906048 0-75.905024 9.904128-16.018432 78.708736-53.384192 37.315584-170.800128-41.408512-117.417984-73.918464-205.841408-242.561024 0-17.494016 21.349376 0 113.866752 0 113.866752s118.912 388.701184 522.423296 550.345728c62.640128 25.088 204.107776-14.641152 261.21216-113.866752C827.266048 816.221184 786.67264 795.992064 695.786496 761.2416z"></path></symbol>
    <symbol id="icon-bofang" viewBox="0 0 1024 1024">
        <path d="M647.953392 110.1057l123.517151 0 0 752.718457-123.517151 0 0-752.718457Z"></path>
        <path d="M252.529457 110.1057l123.517151 0 0 752.718457-123.517151 0 0-752.718457Z"></path></symbol>
    <symbol id="icon-bofang1" viewBox="0 0 1024 1024">
        <path d="M152.717705 79.504752c0-5.52483 2.912329-10.876722 8.035-13.735839 5.193279-2.877537 11.263531-2.508123 15.893992 0.420579l687.300538 432.489108c4.38589 2.789533 7.333012 7.700379 7.333012 13.31526 0 5.631254-2.947122 10.543124-7.333012 13.332656L176.646698 957.813578c-4.630461 2.929726-10.700713 3.28072-15.893992 0.438998-5.122671-2.859118-8.035-8.227382-8.035-13.770632L152.717705 79.504752 152.717705 79.504752z"></path></symbol>
    <symbol id="icon-xiaoxi" viewBox="0 0 1307 1024">
        <path d="M1160.471 579.61c15.201 0 27.535-12.365 27.535-27.567v-357.206c0-22.082-6.907-42.509-18.558-59.389-0.479-0.766-0.594-1.649-1.133-2.391-0.913-1.188-2.163-1.843-3.211-2.867-19.183-24.237-48.508-40.065-81.809-40.065h-867.125c-57.852 0-104.711 46.86-104.711 104.711v634.358c0 57.858 46.86 104.68 104.711 104.68h867.125c57.858 0 104.711-46.822 104.711-104.68v-87.249c-0.086-15.145-12.359-27.419-27.535-27.419-15.171 0-27.504 12.274-27.565 27.419v81.741c0 30.457-24.716 55.126-55.126 55.126h-856.096c-30.408 0-55.131-24.668-55.131-55.126v-623.334c0-3.015 0.428-5.887 0.883-8.787l481.757 392.959c0.024 0 0.080 0.030 0.11 0.061 4.297 3.204 9.179 4.57 14.123 5.109 1.423 0.257 2.813 0.172 4.265 0.203 1.421-0.030 2.813 0.055 4.234-0.203 4.97-0.538 9.858-1.905 14.123-5.109 0.024-0.032 0.086-0.061 0.112-0.061l446.349-388.18c0.086 1.337 0.399 2.642 0.399 4.008v351.697c0 15.195 12.333 27.561 27.565 27.561v0zM221.683 145.219h856.096c7.249 0 14.154 1.484 20.52 4.040l-430.609 376.305-461.696-377.783c5.004-1.507 10.2-2.562 15.69-2.562v0zM221.683 145.219z"></path></symbol>
    <symbol id="icon-mima" viewBox="0 0 1024 1024">
        <path d="M856.766278 446.173721l-567.325781-0.977618c-0.230119-76.526022-11.688172-201.244133 44.510191-267.112111C372.368141 133.054876 410.972469 88.031937 512.023884 89.038899 608.658258 86.487517 696.424571 168.624418 734.62426 267.112096c11.132181 28.408066 20.929983 43.71327 44.530268 44.528724 59.182183 1.791527 55.580595-60.637027 44.516369-89.045093C768.481041 80.40559 664.950831-1.5e-05 512.023884-1.5e-05c-103.934848 0-161.205039 21.331532-222.583387 89.038915C195.525848 192.508877 200.159108 359.806653 200.400038 445.196103l-33.107736 0.977618C136.349842 446.173721 111.354945 470.926144 111.354945 501.363578l0 467.336927c0 30.610409 25.042774 55.299511 55.937356 55.299511l689.415289 0c30.90076 0 55.937356-24.698368 55.937356-55.299511L912.644947 501.363578C912.703634 470.872089 887.667038 446.173721 856.766278 446.173721L856.766278 446.173721 856.766278 446.173721zM825.028443 890.080249c0 12.313662-4.288855 22.871319-13.073517 31.527794-8.699719 8.712074-19.218765 13.073517-31.521617 13.073517l-535.262073 0c-12.313662 0-22.823442-4.30121-31.47374-13.073517-8.712074-8.713619-13.127572-19.214132-13.127572-31.527794L200.569924 577.83709c0-24.55937 19.973987-44.542624 44.601312-44.542624l535.24354 0c24.62578 0 44.613667 19.981709 44.613667 44.542624L825.028443 890.080249 825.028443 890.080249zM825.028443 890.080249"></path></symbol>
    <symbol id="icon-yonghuming" viewBox="0 0 1024 1024">
        <path d="M213.6 1008.576c0.288-0.064 0.448-0.064-0.352-0.064-0.768 0-0.64 0.064-0.32 0.064-0.16 0.064-0.032 0.064 0.32 0.064C213.632 1008.64 213.792 1008.64 213.6 1008.576z"></path>
        <path d="M1020 977.472C1022.368 981.888 1024 986.656 1024 992c0 17.664-14.624 32-32.64 32s-32.672-14.336-32.672-32l-0.8 0C913.024 790.72 730.56 640 512 640 293.408 640 110.88 790.72 66.08 992L65.248 992c0 17.664-14.656 32-32.64 32S0 1009.664 0 992c0-5.344 1.6-10.112 4-14.528 40.352-179.328 175.168-323.904 351.904-378.08C254.976 544.928 185.792 440.928 185.792 320 185.792 143.264 331.84 0 512 0c180.128 0 326.176 143.264 326.176 320 0 120.928-69.184 224.928-170.08 279.36C844.832 653.568 979.552 798.112 1020 977.472L1020 977.472zM772.928 320c0-141.376-116.832-256-260.928-256-144.16 0-260.96 114.624-260.96 256s116.832 255.968 260.96 255.968C656.096 575.968 772.928 461.376 772.928 320L772.928 320z"></path></symbol>
    <symbol id="icon-wodepinglun" viewBox="0 0 1223 1024">
        <path d="M14.223004 876.173098c-0.630632 0-1.250003-0.045045-1.891896-0.146397-5.60812-0.833335-10.000022-5.281543-10.765789-10.900925-15.247781-111.948444 85.765954-197.511696 121.768286-224.133376-24.16672-28.783847-82.714146-110.889884-82.714146-230.664922C40.619459 184.076981 254.82038 0 518.097986 0 744.258394 0 941.026845 138.029583 985.981898 328.210181c1.621625 6.858123-2.62388 13.738769-9.493264 15.360394-6.813078 1.599103-13.738769-2.62388-15.360394-9.493264C918.875895 155.293134 732.546656 25.540597 518.097986 25.540597c-249.200999 0-451.937931 172.612992-451.937931 384.786882 0 136.734535 84.459645 222.962202 85.304242 223.81806 2.725231 2.725231 4.065324 6.542807 3.671179 10.382906-0.416668 3.828837-2.533789 7.274791-5.765778 9.36939-1.22748 0.799551-109.594836 72.049708-122.534053 169.853977 35.788367-39.301888 116.486743-95.642102 276.802411-75.439355 1.250003 0.168919 2.500005 0.506758 3.659918 1.036038 42.421264 19.200493 86.959651 32.567639 132.376417 39.707295 6.970736 1.103606 11.722999 7.635152 10.619393 14.594627-1.103606 6.970736-7.680197 11.722999-14.594627 10.630654-47.060914-7.398665-93.187142-21.148695-137.173725-40.867207C84.651087 747.130022 26.385193 867.524431 25.810868 868.763172 23.693746 873.323993 19.144186 876.173098 14.223004 876.173098z"></path>
        <path d="M1209.000407 1024c-4.898659 0-9.436958-2.815322-11.554079-7.342358-1.430183-2.995502-35.259087-70.957363-154.099438-70.957363-13.502282 0-27.781593 0.900903-42.455048 2.680186-51.756871 23.130682-106.340324 34.85368-162.297654 34.85368-195.383313 0-354.336365-136.847148-354.336365-305.068239 0-168.176046 158.953052-304.978148 354.336365-304.978148 195.405835 0 354.358888 136.802103 354.358888 304.978148 0 85.506945-40.123962 145.293112-59.324455 168.986858 28.98655 22.072121 99.076794 84.560997 88.018212 165.811176-0.765767 5.619382-5.146408 10.06759-10.754528 10.900925C1210.272932 1023.954955 1209.631039 1024 1209.000407 1024zM1043.346889 920.14842c79.290715 0 125.811088 27.916728 151.148981 51.903267-15.022556-65.011404-85.844783-111.441687-86.678119-111.982228-3.254512-2.10586-5.371633-5.540553-5.788301-9.391913-0.394145-3.840099 0.945948-7.657675 3.693702-10.382906 0.596848-0.608109 61.700586-63.119508 61.700586-162.128735 0-154.088177-147.511586-279.437552-328.818291-279.437552-181.306705 0-328.795768 125.360636-328.795768 279.437552 0 154.133222 147.500324 279.527642 328.795768 279.527642 52.939306 0 104.606086-11.227502 153.558896-33.389713 1.159912-0.52928 2.398654-0.867119 3.659918-1.036038C1012.209434 921.206981 1028.211721 920.14842 1043.346889 920.14842z"></path>
        <path d="M726.36421 662.726683m-30.416734 0a2.701 2.701 0 1 0 60.833467 0 2.701 2.701 0 1 0-60.833467 0Z"></path>
        <path d="M841.769869 662.726683m-30.427995 0a2.702 2.702 0 1 0 60.85599 0 2.702 2.702 0 1 0-60.85599 0Z"></path>
        <path d="M957.164267 662.726683m-30.427995 0a2.702 2.702 0 1 0 60.85599 0 2.702 2.702 0 1 0-60.85599 0Z"></path></symbol>
    <symbol id="icon-tinggeliang" viewBox="0 0 1024 1024">
        <path d="M956.921255 847.51345l1.216711-8.650007c1.220804-8.895601 0.803295-2.761903 1.220804-13.713326L959.358771 690.827875l-0.730641-226.402403C950.686251 242.165412 753.905492 64.042595 511.667425 64.042595c-242.140853 0-438.823374 177.928389-446.911586 400.090211-0.146333 0.975211-0.778736 1.803066-0.778736 2.826372l0 358.190939c0.016373 6.993275 0 6.90527 0.676405 14.004969l1.75804 8.358365c11.596106 63.481823 70.839395 111.909789 142.750191 111.909789 78.635965 0 142.263098-57.879222 144.700613-129.98547 0.388856-1.413186 1.168616-2.777253 1.168616-4.287653L355.030969 690.827875c0-2.628874-0.352017-7.736195-0.352017-7.736195s-0.329505-9.604752-0.329505-14.673188c0-74.153884-64.99427-134.273123-145.187707-134.273123-17.052374 0-33.177634 3.215228-48.37987 8.233522l0-0.24457c-4.578272-20.656459-7.014764-42.044582-7.014764-63.96994 0-179.239244 160.241564-324.573283 357.899296-324.573283 189.035354 0 343.4277 133.055388 356.584348 301.480332 0.546446 33.111119-5.700839 82.289168-5.700839 86.771249l0 0.536212c-15.250332-5.019317-31.376615-8.233522-48.427966-8.233522-80.144318 0-145.187707 60.119239-145.187707 134.273123 0.243547 0 0 10.036587 0 22.409382l0 134.322242c0 74.15286 65.042365 134.273123 145.187707 134.273123C886.034788 959.423239 945.326173 910.995273 956.921255 847.51345zM209.113645 623.791086c27.039843 0 49.6457 19.148106 54.859445 44.627407l0 156.731624c-5.213745 25.480324-27.819602 44.578288-54.859445 44.578288-27.087938 0-49.6457-19.097964-54.860469-44.578288l-0.436952-156.731624C159.030993 642.939191 182.025707 623.791086 209.113645 623.791086zM758.094908 825.150116 758.094908 668.418492c5.213745-25.479301 29.036313-44.627407 56.07718-44.627407 27.088962 0 50.133817 19.148106 55.345516 44.627407l0 9.159614 0 147.573033c0 3.507894 0.436952 1.553379-3.458775 9.647731-8.280594 20.463054-28.354791 34.930557-51.886741 34.930557C787.131221 869.729427 763.308653 850.631464 758.094908 825.150116z"></path></symbol>
    <symbol id="icon-tuijian" viewBox="0 0 1024 1024">
        <path d="M338.944 0c-109.3632 0-198.00064 88.63744-198.00064 198.00064L140.94336 1024l5.44768 0 365.69088-291.92192L877.568 1024l5.57056 0L883.13856 0 338.944 0 338.944 0zM658.92352 567.45984l-146.88256-102.1952-146.88256 102.1952 51.85536-171.25376-142.5408-108.09344 178.7904-3.60448 58.81856-169.00096 58.81856 169.00096L749.568 288.1536 607.0272 396.24704 658.92352 567.45984 658.92352 567.45984z"></path></symbol>
    <symbol id="icon-wodeguanzhu" viewBox="0 0 1024 1024">
        <path d="M844.8 353.3c0-196.3-147.8-332-331.3-332.8C329 19.6 179.2 169 179.2 353.3c0 86.2 32.8 164.9 86.6 223.9-146.7 85-245.4 243.7-245.4 425.5 0 0.2 0 0.5 0 0.7l61.4 0c0 0 0 0 0 0-0.1-58.3 11.3-114.9 33.8-168.1 21.7-51.2 52.6-97.2 92.2-136.7 31.5-31.5 67.1-57.5 106.2-77.8 55.3 41 123.8 65.2 197.9 65.2s144.7-21.6 197.9-65.2C709.9 620.7 844.8 530.1 844.8 353.3zM512 624.6c-36.7 0-72.2-7.2-105.6-21.3-32.3-13.6-61.3-33.3-86.3-58.2-25-25-44.5-54-58.2-86.3-14.1-33.4-21.3-68.9-21.3-105.6s7.2-72.2 21.3-105.6c13.6-32.3 33.3-61.3 58.2-86.3 25-25 54-44.5 86.3-58.2 33.4-14.1 68.9-21.3 105.6-21.3s72.2 7.2 105.6 21.3c32.3 13.6 61.3 33.3 86.3 58.2 25 25 44.5 54 58.2 86.3 14.1 33.4 21.3 68.9 21.3 105.6s-7.2 72.2-21.3 105.6c-13.6 32.3-33.3 61.3-58.2 86.3-25 25-54 44.5-86.3 58.2C584.2 617.5 548.7 624.6 512 624.6zM819.2 992.3c0 0-168.1-91-168.1-214.9 0-47.4 47.2-85.9 94-85.9 35.5 0 62.8 22.2 73.9 53.7 0 0 0.2 0.1 0.2 0.1s0.1 0 0.2-0.1c11.1-31.4 38.4-53.7 73.9-53.7 46.8 0 94 38.5 94 85.9C987.3 901.3 819.2 992.3 819.2 992.3z"></path></symbol>
    <symbol id="icon-wangpanyinle" viewBox="0 0 1024 1024">
        <path d="M933.751467 15.36 324.778667 16.196267c-35.969707 6.31808-59.306667 39.325013-59.306667 75.639467l0 115.094187-0.94208 0 0 539.828907c-27.661653-28.542293-55.927467-39.9872-91.96544-39.9872-86.695253 0-157.20448 70.15424-157.20448 156.40576 0 86.203733 70.509227 152.487253 157.20448 152.487253 82.64704 0 145.62304-58.361173 152.49408-148.40832l2.618027 0L327.676587 360.574293l626.305707 0.597333 0 316.22144c-25.7024-28.542293-53.101227-33.77152-88.849067-33.77152-86.074027 0-160.938667 69.632-160.938667 155.24864 0 85.613227 74.868053 155.286187 160.938667 155.286187 82.056533 0 150.534827-68.133547 149.589333-154.344107l0.6656 0L1015.38816 321.993387 1015.38816 151.21408 1015.38816 89.04704C1015.38816 40.05888 969.680213 15.568213 933.751467 15.36zM953.97888 299.554133 328.615253 298.789547 328.615253 146.223787c0-3.170987 2.307413-5.85728 5.40672-6.417067l612.287147-1.39264c0.382293-0.037547 0.768-0.105813 1.150293-0.105813 1.539413 0 3.034453 0.559787 4.191573 1.539413 1.49504 1.256107 2.331307 3.06176 2.331307 4.98688l0 59.026773L953.982293 299.554133z"></path></symbol>
    <symbol id="icon-weibiaoti6" viewBox="0 0 1024 1024">
        <path d="M383.989965 525.728263 792.987848 128.090318 695.123795 47.808075 218.40784 529.501529 723.985261 1003.688593 805.511878 913.37107Z"></path></symbol>
    <symbol id="icon-hengxian1" viewBox="0 0 1024 1024">
        <path d="M0.021487 447.848934l1023.957021 0 0 127.921461L0.021487 575.770396 0.021487 447.848934z"></path></symbol>
    <symbol id="icon-iconzantingbofangyuyin01" viewBox="0 0 1024 1024">
        <path d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512 512-229.216 512-512S794.784 0 512 0zM423.392 751.008l-94.816 0L328.576 272.992l94.816 0L423.392 751.008zM695.392 751.008l-94.816 0L600.576 272.992l94.816 0L695.392 751.008z"></path></symbol>
    <symbol id="icon-xiazai13" viewBox="0 0 1024 1024">
        <path d="M508.896 21.344c-270.176 0-487.552 220.48-487.552 490.656s220.48 490.656 490.656 490.656c270.176 0 490.656-220.512 490.656-490.656-3.104-270.176-223.584-490.656-493.792-490.656l0 0zM720.064 822.56l-211.168-127.328-211.168 127.328 52.8-239.136-183.2-164.576 245.344-21.76 96.288-226.688 96.288 226.688 245.344 21.76-186.336 161.472 55.84 242.24z"></path></symbol>
    <symbol id="icon-nicheng" viewBox="0 0 1024 1024">
        <path d="M868.518856 445.734784 549.714973 768.292154 321.475735 537.374924l318.797743-322.54816c1.087774-1.088798 2.169409-1.081635 3.244904-0.00921l225.000474 227.64879c0.531096 0.543376 0.648776 1.186012 0.648776 1.638313C869.167632 444.549795 869.049952 445.189362 868.518856 445.734784zM428.094008 823.403333c-0.167822 0.039909-0.550539 0-0.305969 0.255827L267.089058 661.157111c-0.077771-0.164752-0.102331-0.586354-0.310062-0.24457l50.921763-79.906911 188.904371 191.117782L428.094008 823.403333zM343.137081 819.145355l-28.831652-0.827855-57.095369-57.764612 30.652114-31.013341 71.924099 72.767304L343.137081 819.145355zM721.175043 194.017832l167.917384 169.892365c3.809769 3.853771 3.809769 10.372232-0.007163 14.232143l-18.622126 18.84009L688.48348 212.860992l18.622126-18.84316C710.914352 190.164061 717.366298 190.164061 721.175043 194.017832zM912.542512 340.182796 744.624105 170.289408c-16.800641-17.010419-44.164872-17.010419-60.968583 0l-18.809391 19.034519c-6.40692-5.550413-14.394848-8.717546-22.944572-8.717546-9.477862 0-18.384719 3.723811-25.069979 10.485819L274.577612 537.374924l19.133779 19.358907-54.813397 86.003769c-8.226359 12.915148-6.335289 30.854728 4.40431 41.713031l21.110807 21.360494-54.102199 54.741765 89.87289 90.927919 56.299237 1.612731 26.751271-27.060309 21.113877 21.358447c6.255471 6.338359 14.886035 9.627265 23.520693 9.627265 6.191003 0 12.390191-1.690502 17.715477-5.179976l85.002976-55.45194 19.127639 19.354813L891.967918 469.462185c6.685259-6.764054 10.365068-15.777335 10.365068-25.372877-0.004093-8.637728-3.134387-16.71059-8.609075-23.187095l18.812461-19.033495C929.3452 384.863415 929.35134 357.191168 912.542512 340.182796z"></path></symbol>
    <symbol id="icon-gedan" viewBox="0 0 1055 1024">
        <path d="M1010.516047 403.238232C985.941254 403.238232 966.020777 381.456029 966.020777 354.523048 966.020777 206.050337 889.969238 125.778884 806.377705 103.903594L806.377705 800.99616C806.439763 802.857887 806.719022 804.688585 806.719022 806.58134 806.719022 808.474096 806.439763 810.304794 806.377705 812.166521L806.377705 820.420176C806.377705 821.785442 805.726101 822.902478 805.633015 824.236716 794.679855 935.878266 681.176579 1024 542.974394 1024 397.542503 1024 279.229766 926.476545 279.229766 806.58134 279.229766 686.748193 397.542503 589.193709 542.974394 589.193709 608.041745 589.193709 667.585973 608.834927 713.632683 641.135887L713.632683 48.268992C713.632683 36.043653 718.380086 25.18358 725.578763 16.681694 726.199338 15.937004 726.540655 14.913054 727.192259 14.199392 727.347403 14.044248 727.533576 13.98219 727.657691 13.858075 735.663116 5.35619 746.49216 0.050268 758.500298 0.050268 758.903672 0.050268 759.307046 0.112326 759.71042 0.112326 759.803507 0.112326 759.896593 0.050268 760.020708 0.050268 760.175852 0.050268 760.330996 0.143355 760.48614 0.143355 907.190211 1.229362 1054.980289 122.862179 1054.980289 354.523048 1054.980289 381.456029 1035.059812 403.238232 1010.516047 403.238232ZM542.974394 681.535358C450.01217 681.535358 374.426062 737.635392 374.426062 806.58134 374.426062 875.558318 450.01217 931.658351 542.974394 931.658351 635.936618 931.658351 711.522726 875.558318 711.522726 806.58134 711.522726 737.635392 635.936618 681.535358 542.974394 681.535358ZM542.415876 341.335817 47.413753 341.335817C21.380606 341.335817 0.250007 320.577563 0.250007 294.97882 0.250007 269.380077 21.380606 248.621823 47.413753 248.621823L542.415876 248.621823C568.417993 248.621823 589.548592 269.380077 589.548592 294.97882 589.548592 320.577563 568.417993 341.335817 542.415876 341.335817ZM542.415876 93.07455 47.413753 93.07455C21.380606 93.07455 0.250007 72.347325 0.250007 46.748582 0.250007 21.149839 21.380606 0.391585 47.413753 0.391585L542.415876 0.391585C568.417993 0.391585 589.548592 21.149839 589.548592 46.748582 589.548592 72.347325 568.417993 93.07455 542.415876 93.07455ZM47.413753 496.88309 294.185638 496.88309C320.187755 496.88309 341.318354 517.610315 341.318354 543.209058 341.318354 568.807801 320.187755 589.566055 294.185638 589.566055L47.413753 589.566055C21.380606 589.566055 0.250007 568.807801 0.250007 543.209058 0.250007 517.610315 21.380606 496.88309 47.413753 496.88309Z"></path></symbol>
    <symbol id="icon-next" viewBox="0 0 1024 1024">
        <path d="M91.009 992.703c-10.595-5.485-17.19-15.925-17.19-27.269v-920.117c0-11.312 6.596-21.752 17.19-27.237 10.594-5.515 23.553-5.172 33.814 0.841l703.081 460.074c9.728 5.703 15.591 15.643 15.591 26.396 0 10.72-5.863 20.693-15.591 26.396l-703.081 460.074c-5.397 3.148-11.527 4.737-17.69 4.737-5.53 0-11.094-1.278-16.124-3.895z"></path>
        <path d="M792.524 928.009v-852.001c0-42.032 36.4-76.007 81.252-76.007 44.85 0 81.252 33.975 81.252 76.007v852.001c0 41.955-36.4 76.007-81.252 76.007s-81.252-34.051-81.252-76.007z"></path></symbol>
    <symbol id="icon-prev" viewBox="0 0 1024 1024">
        <path d="M932.991148 31.296585C943.585152 36.781449 950.181419 47.221388 950.181419 58.565085L950.181419 978.682257C950.181419 989.994789 943.585152 1000.43473 932.991148 1005.919595 922.397143 1011.435623 909.437811 1011.092819 899.176951 1005.078167L196.09603 545.004C186.368202 539.300988 180.504854 529.35967 180.504854 518.60809 180.504854 507.887673 186.368202 497.915193 196.09603 492.212178L899.176951 32.138011C904.573896 28.990448 910.703761 27.401084 916.866939 27.401084 922.397143 27.401084 927.960661 28.678807 932.991148 31.296585Z"></path>
        <path d="M231.476008 95.991129 231.476008 947.992923C231.476008 990.024836 195.075131 1024 150.22405 1024 105.372968 1024 68.972091 990.024836 68.972091 947.992923L68.972091 95.991129C68.972091 54.035222 105.372968 19.98405 150.22405 19.98405 195.075131 19.98405 231.476008 54.035222 231.476008 95.991129Z"></path></symbol>
    <symbol id="icon-nicheng1" viewBox="0 0 1024 1024">
        <path d="M419.263 526.302c0 51.217 41.519 92.736 92.736 92.736s92.736-41.519 92.736-92.736c0 0 0 0 0 0 0-51.217-41.519-92.736-92.736-92.736-51.217 0-92.736 41.519-92.736 92.736 0 0 0 0 0 0z" fill="#ff8000"></path>
        <path d="M326.788 792.397c0-86.342 82.921-185.21 185.21-185.21s185.21 98.869 185.21 185.21c0.001 138.146-370.42 138.146-370.42 0z" fill="#ff8000"></path>
        <path d="M511.983 336.081c-181.129 0-327.959 146.83-327.959 327.959s146.83 327.959 327.959 327.959 327.991-146.83 327.991-327.959-146.862-327.959-327.991-327.959zM511.983 950.95c-158.433 0-286.909-128.445-286.909-286.909s128.477-286.909 286.909-286.909c158.465 0 286.941 128.445 286.941 286.909s-128.476 286.909-286.941 286.909z" fill="#ff8000"></path>
        <path d="M776.326 212.784c-56.254 85.039-59.135 95.493-59.135 201.991l-209.556 1.481-208.971-1.481c0-106.498-2.869-116.952-59.158-201.991 24.255 27.661 69.159 87.668 118.017 87.668 91.228 0 144.149-126.812 150.112-192.912v-12.020c0 2.558 0.596 2.558 0.596 0v12.020c5.963 66.099 58.86 192.912 150.075 192.912 48.86 0 93.787-60.007 118.018-87.668zM798.684 161.596c-12.63 0-22.906 10.263-22.906 22.882 0 12.653 10.277 22.857 22.906 22.857 12.618 0 22.882-10.203 22.882-22.857 0-12.619-10.264-22.882-22.882-22.882zM248.184 184.478c0-12.619-10.217-22.882-22.846-22.882-12.666 0-22.904 10.263-22.904 22.882 0 12.653 10.24 22.857 22.904 22.857 12.63-0.001 22.846-10.204 22.846-22.857zM505.893 77.763c12.641 0 22.882-10.264 22.882-22.894 0-12.641-10.24-22.869-22.882-22.869-12.641 0-22.858 10.227-22.858 22.869 0 12.63 10.217 22.894 22.858 22.894z" fill="#ff8000"></path></symbol>
    <symbol id="icon-sousuo_sousuo" viewBox="0 0 1024 1024">
        <path d="M1010.255 935.96l-0.028-0.028v0.029h0.028c9.13 10.666 13.71 22.47 13.71 35.412 0 14.478-5.148 26.85-15.445 37.147a50.686 50.686 0 0 1-37.175 15.445 55.596 55.596 0 0 1-17.72-2.873 47.216 47.216 0 0 1-15.445-8.533l-5.718-4.58-282.529-284.548c-67.837 48.013-143.725 71.99-227.604 71.99-8.391 0-16.953-0.37-25.713-1.109a277.608 277.608 0 0 1-25.742-3.441 368.059 368.059 0 0 1-162.44-59.447c-53.36-34.274-96.054-79.585-128.081-135.988a370.903 370.903 0 0 1-36.038-83.425 408.391 408.391 0 0 1-16.014-90.28 387.173 387.173 0 0 1 5.149-91.417 377.331 377.331 0 0 1 50.344-137.723 380.375 380.375 0 0 1 98.358-109.138c33.563-26.68 71.109-47.244 112.665-61.722A384.926 384.926 0 0 1 422.329 0c18.317 0 35.838 1.138 52.649 3.442 44.969 6.087 88.032 19.796 129.218 41.129a381.484 381.484 0 0 1 107.545 82.287c35.81 37.346 63.06 81.519 81.747 132.575 18.687 51.056 26.907 102.852 24.603 155.415-3.043 87.634-33.165 166.48-90.365 236.564l283.639 284.549h-1.11z m-251.64-522.25a320.558 320.558 0 0 0-22.868-137.126 323.573 323.573 0 0 0-40.048-75.432c-16.782-23.608-36.408-44.741-58.878-63.429a338.477 338.477 0 0 0-72.616-46.306A332.277 332.277 0 0 0 385.779 62.86a52.62 52.62 0 0 0-10.297 1.138l-6.883 1.138a324.568 324.568 0 0 0-135.533 54.27 323.26 323.26 0 0 0-98.927 106.862c-28.187 46.448-43.632 98.272-46.334 155.415-2.674 57.143 7.794 110.105 31.458 158.857a319.99 319.99 0 0 0 86.326 114.286 330.57 330.57 0 0 0 126.375 67.44c48.809 13.709 97.988 16.383 147.536 7.992a332.618 332.618 0 0 0 75.517-22.84 345.816 345.816 0 0 0 68.037-39.423 346.356 346.356 0 0 0 57.2-53.73c17.152-20.195 31.459-42.096 42.893-65.704v0.028a328.152 328.152 0 0 0 35.469-134.879z" fill=""></path></symbol>
    <symbol id="icon-tinggeshiquyishoucang" viewBox="0 0 1024 1024">
        <path d="M502.4 252.288c40.544-36.96 92.224-58.016 147.392-58.016 103.68 0 208.64 78.496 208.64 228.544 0 233.44-327.392 390.688-341.344 397.28l-17.6 7.584a20.832 20.832 0 0 1-16.288-0.736l-13.088-6.816C456.192 813.6 128 656.992 128 424.032 128 271.712 233.152 192 337.056 192c54.848 0 106.528 21.76 147.296 59.936" fill="#D22F33"></path></symbol>
    <symbol id="icon-Rectangle" viewBox="0 0 1024 1024">
        <path d="M542.176 309.024l-27.008 27.36a30.848 30.848 0 0 1-44.448-0.288l-26.624-27.712c-29.856-31.072-67.68-47.872-107.008-47.872-78.592 0-140.576 61.472-140.576 163.552 0 77.536 51.264 156.192 140.928 230.112 58.592 48.32 155.84 108.544 155.84 108.544s100.192-62.56 156.064-108.896c89.472-74.208 140.672-153.152 140.672-230.976 0-99.776-61.6-160.064-140.16-160.064-40.128-0.032-78.112 16.288-107.68 46.24M502.4 252.288c40.544-36.96 92.224-58.016 147.392-58.016 103.68 0 208.64 78.496 208.64 228.544 0 233.44-327.392 390.688-341.344 397.28l-17.6 7.584a20.832 20.832 0 0 1-16.288-0.736l-13.088-6.816C456.192 813.6 128 656.992 128 424.032 128 271.712 233.152 192 337.056 192c54.848 0 106.528 21.76 147.296 59.936" fill="#515151"></path></symbol>
    <symbol id="icon-hengxian" viewBox="0 0 1024 1024">
        <path d="M210 462h604v100H210z" fill=""></path></symbol>
    <symbol id="icon-right" viewBox="0 0 1024 1024">
        <path d="M632.009 520.463l-383.436 372.786 91.747 75.264 446.921-451.587-473.978-444.55-76.432 84.673z"></path></symbol>
</svg>
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;">
    <symbol id="icon-shanchu" viewBox="0 0 1024 1024">
        <path d="M344.4593 791.382c15.4235 0 27.902-12.4795 27.902-27.902V456.558592c0-15.4225-12.4795-27.902-27.902-27.902-15.4225 0-27.902 12.4805-27.902 27.902v306.92249599999997C316.5573 778.9036 329.0368 791.382 344.4593 791.382zM511.872 791.382c15.4235 0 27.902-12.4795 27.902-27.902V456.558592c0-15.4225-12.4795-27.902-27.902-27.902s-27.902 12.4805-27.902 27.902v306.92249599999997C483.969 778.9036 496.4485 791.382 511.872 791.382zM679.2837 791.382c15.4235 0 27.902-12.4795 27.902-27.902V456.558592c0-15.4225-12.4795-27.902-27.902-27.902s-27.902 12.4805-27.902 27.902v306.92249599999997C651.3818 778.9036 663.8602 791.382 679.2837 791.382zM818.7935 149.6361H703.2340479999999c-12.4795-48.0113-55.8039-83.7059-107.6572-83.7059H428.16512000000006c-51.8533 0-95.1777 35.6946-107.6572 83.7059H204.949504c-61.5526 0-111.6078 50.0828-111.6078 111.6078v27.902976h27.901952v27.901952h55.803904v530.138112c0 61.526 50.0552 111.6078 111.6078 111.6078h446.432256c61.5547 0 111.6078-50.0818 111.6078-111.6078V317.047808h55.803904v-27.901952h27.901952v-27.902976C930.4013 199.7179 880.3482 149.6361 818.7935 149.6361zM428.1651 121.7341h167.411712c20.5445 0 38.3652 11.308 48.0389 27.902H380.12723200000005C389.801 133.0422 407.6206 121.7341 428.1651 121.7341zM790.8915 847.1859c0 30.7896-25.0399 55.8039-55.8039 55.8039H288.65536000000003c-30.763 0-59.6726-25.0143-59.6726-55.8039l3.8687-530.1381h558.040064V847.1859199999999zM149.1446 261.2439c0-30.7896 25.0419-55.8039 55.8039-55.8039H818.793472c30.7651 0 55.8039 25.0143 55.8039 55.8039H149.144576z"></path></symbol>
    <symbol id="icon-yinle" viewBox="0 0 1024 1024">
        <path d="M960 0l-640 144c0 0-48 10.912-48 48l0 650.56c-24-6.688-51.168-10.56-80-10.56-97.216 0-176 42.976-176 96s78.784 96 176 96 176-42.976 176-96l0-510.016 544-118.624 0 399.232c-24-6.688-51.168-10.56-80-10.56-97.216 0-176 42.976-176 96s78.784 96 176 96 176-42.976 176-96l0-736c0-26.528-21.504-48-48-48z"></path></symbol>
    <symbol id="icon-bofang2" viewBox="0 0 1064 1024">
        <path d="M-48.606208 883.816448"></path>
        <path d="M1041.337344 883.816448"></path>
        <path d="M85.164032 853.49376"></path>
        <path d="M439.277568 253.131776 736.444416 512.809984 439.277568 772.02432Z"></path>
        <path d="M85.164032 512.346112c0 124.5184 42.580992 228.202496 130.994176 316.613632 87.49056 87.486464 193.494016 131.693568 317.07648 131.462144 123.60192-0.232448 228.6592-43.97568 316.146688-131.462144 87.494656-87.486464 131.692544-193.021952 131.472384-316.613632-0.242688-124.055552-43.976704-229.588992-131.472384-317.07648C761.892864 107.782144 656.836608 64.270336 533.234688 64.270336c-124.045312 0-229.817344 43.281408-317.07648 130.999296C128.436224 283.450368 85.164032 387.828736 85.164032 512.346112z"></path>
        <path d="M980.380672 853.49376"></path></symbol>
    <symbol id="icon-shoucang" viewBox="0 0 1024 1024">
        <path d="M895.8464 517.685248c88.278016-91.943936 88.221696-240.900096 0-332.834816-45.108224-46.958592-104.531968-69.929984-163.643392-68.9152-82.67776 1.462272-219.037696 115.387392-219.037696 115.387392s-140.1856-115.557376-224.91136-115.410944c-57.719808 0.103424-115.406848 23.085056-159.449088 68.938752-88.226816 91.93472-88.278016 240.89088 0 332.834816l383.520768 399.297536L895.8464 517.685248z"></path></symbol>
    <symbol id="icon-dianhua" viewBox="0 0 1024 1024">
        <path d="M512.400384 259.810304c-5.876736 0-11.599872 0.543744-17.393664 0.884736l0 105.220096c5.82656-0.525312 11.430912-1.748992 17.393664-1.748992 105.663488 0 191.318016 85.653504 191.318016 191.318016 0 18.207744-3.362816 35.482624-8.119296 52.176896l107.598848 0c3.024896-16.96768 4.876288-34.342912 4.876288-52.176896C808.07424 392.192 675.692544 259.810304 512.400384 259.810304zM512.400384 51.100672c-5.876736 0-11.567104 0.678912-17.393664 0.883712l0 104.354816c5.810176-0.253952 11.516928-0.882688 17.393664-0.882688 220.921856 0 400.028672 179.088384 400.028672 400.028672 0 17.732608-1.545216 35.057664-3.787776 52.176896l105.443328 0c1.765376-17.154048 2.701312-34.564096 2.701312-52.176896C1016.78592 276.9152 790.970368 51.100672 512.400384 51.100672zM695.786496 761.2416c-57.920512-22.14912-112.780288-50.650112-176.372736 8.71424-39.250944 36.635648-67.633152 32.627712-93.29664 18.987008C400.468992 775.304192 242.4576 613.982208 220.886016 561.209344c-21.57056-52.772864-9.918464-59.906048 0-75.905024 9.904128-16.018432 78.708736-53.384192 37.315584-170.800128-41.408512-117.417984-73.918464-205.841408-242.561024 0-17.494016 21.349376 0 113.866752 0 113.866752s118.912 388.701184 522.423296 550.345728c62.640128 25.088 204.107776-14.641152 261.21216-113.866752C827.266048 816.221184 786.67264 795.992064 695.786496 761.2416z"></path></symbol>
    <symbol id="icon-bofang" viewBox="0 0 1024 1024">
        <path d="M647.953392 110.1057l123.517151 0 0 752.718457-123.517151 0 0-752.718457Z"></path>
        <path d="M252.529457 110.1057l123.517151 0 0 752.718457-123.517151 0 0-752.718457Z"></path></symbol>
    <symbol id="icon-bofang1" viewBox="0 0 1024 1024">
        <path d="M152.717705 79.504752c0-5.52483 2.912329-10.876722 8.035-13.735839 5.193279-2.877537 11.263531-2.508123 15.893992 0.420579l687.300538 432.489108c4.38589 2.789533 7.333012 7.700379 7.333012 13.31526 0 5.631254-2.947122 10.543124-7.333012 13.332656L176.646698 957.813578c-4.630461 2.929726-10.700713 3.28072-15.893992 0.438998-5.122671-2.859118-8.035-8.227382-8.035-13.770632L152.717705 79.504752 152.717705 79.504752z"></path></symbol>
    <symbol id="icon-xiaoxi" viewBox="0 0 1307 1024">
        <path d="M1160.471 579.61c15.201 0 27.535-12.365 27.535-27.567v-357.206c0-22.082-6.907-42.509-18.558-59.389-0.479-0.766-0.594-1.649-1.133-2.391-0.913-1.188-2.163-1.843-3.211-2.867-19.183-24.237-48.508-40.065-81.809-40.065h-867.125c-57.852 0-104.711 46.86-104.711 104.711v634.358c0 57.858 46.86 104.68 104.711 104.68h867.125c57.858 0 104.711-46.822 104.711-104.68v-87.249c-0.086-15.145-12.359-27.419-27.535-27.419-15.171 0-27.504 12.274-27.565 27.419v81.741c0 30.457-24.716 55.126-55.126 55.126h-856.096c-30.408 0-55.131-24.668-55.131-55.126v-623.334c0-3.015 0.428-5.887 0.883-8.787l481.757 392.959c0.024 0 0.080 0.030 0.11 0.061 4.297 3.204 9.179 4.57 14.123 5.109 1.423 0.257 2.813 0.172 4.265 0.203 1.421-0.030 2.813 0.055 4.234-0.203 4.97-0.538 9.858-1.905 14.123-5.109 0.024-0.032 0.086-0.061 0.112-0.061l446.349-388.18c0.086 1.337 0.399 2.642 0.399 4.008v351.697c0 15.195 12.333 27.561 27.565 27.561v0zM221.683 145.219h856.096c7.249 0 14.154 1.484 20.52 4.040l-430.609 376.305-461.696-377.783c5.004-1.507 10.2-2.562 15.69-2.562v0zM221.683 145.219z"></path></symbol>
    <symbol id="icon-mima" viewBox="0 0 1024 1024">
        <path d="M856.766278 446.173721l-567.325781-0.977618c-0.230119-76.526022-11.688172-201.244133 44.510191-267.112111C372.368141 133.054876 410.972469 88.031937 512.023884 89.038899 608.658258 86.487517 696.424571 168.624418 734.62426 267.112096c11.132181 28.408066 20.929983 43.71327 44.530268 44.528724 59.182183 1.791527 55.580595-60.637027 44.516369-89.045093C768.481041 80.40559 664.950831-1.5e-05 512.023884-1.5e-05c-103.934848 0-161.205039 21.331532-222.583387 89.038915C195.525848 192.508877 200.159108 359.806653 200.400038 445.196103l-33.107736 0.977618C136.349842 446.173721 111.354945 470.926144 111.354945 501.363578l0 467.336927c0 30.610409 25.042774 55.299511 55.937356 55.299511l689.415289 0c30.90076 0 55.937356-24.698368 55.937356-55.299511L912.644947 501.363578C912.703634 470.872089 887.667038 446.173721 856.766278 446.173721L856.766278 446.173721 856.766278 446.173721zM825.028443 890.080249c0 12.313662-4.288855 22.871319-13.073517 31.527794-8.699719 8.712074-19.218765 13.073517-31.521617 13.073517l-535.262073 0c-12.313662 0-22.823442-4.30121-31.47374-13.073517-8.712074-8.713619-13.127572-19.214132-13.127572-31.527794L200.569924 577.83709c0-24.55937 19.973987-44.542624 44.601312-44.542624l535.24354 0c24.62578 0 44.613667 19.981709 44.613667 44.542624L825.028443 890.080249 825.028443 890.080249zM825.028443 890.080249"></path></symbol>
    <symbol id="icon-yonghuming" viewBox="0 0 1024 1024">
        <path d="M213.6 1008.576c0.288-0.064 0.448-0.064-0.352-0.064-0.768 0-0.64 0.064-0.32 0.064-0.16 0.064-0.032 0.064 0.32 0.064C213.632 1008.64 213.792 1008.64 213.6 1008.576z"></path>
        <path d="M1020 977.472C1022.368 981.888 1024 986.656 1024 992c0 17.664-14.624 32-32.64 32s-32.672-14.336-32.672-32l-0.8 0C913.024 790.72 730.56 640 512 640 293.408 640 110.88 790.72 66.08 992L65.248 992c0 17.664-14.656 32-32.64 32S0 1009.664 0 992c0-5.344 1.6-10.112 4-14.528 40.352-179.328 175.168-323.904 351.904-378.08C254.976 544.928 185.792 440.928 185.792 320 185.792 143.264 331.84 0 512 0c180.128 0 326.176 143.264 326.176 320 0 120.928-69.184 224.928-170.08 279.36C844.832 653.568 979.552 798.112 1020 977.472L1020 977.472zM772.928 320c0-141.376-116.832-256-260.928-256-144.16 0-260.96 114.624-260.96 256s116.832 255.968 260.96 255.968C656.096 575.968 772.928 461.376 772.928 320L772.928 320z"></path></symbol>
    <symbol id="icon-wodepinglun" viewBox="0 0 1223 1024">
        <path d="M14.223004 876.173098c-0.630632 0-1.250003-0.045045-1.891896-0.146397-5.60812-0.833335-10.000022-5.281543-10.765789-10.900925-15.247781-111.948444 85.765954-197.511696 121.768286-224.133376-24.16672-28.783847-82.714146-110.889884-82.714146-230.664922C40.619459 184.076981 254.82038 0 518.097986 0 744.258394 0 941.026845 138.029583 985.981898 328.210181c1.621625 6.858123-2.62388 13.738769-9.493264 15.360394-6.813078 1.599103-13.738769-2.62388-15.360394-9.493264C918.875895 155.293134 732.546656 25.540597 518.097986 25.540597c-249.200999 0-451.937931 172.612992-451.937931 384.786882 0 136.734535 84.459645 222.962202 85.304242 223.81806 2.725231 2.725231 4.065324 6.542807 3.671179 10.382906-0.416668 3.828837-2.533789 7.274791-5.765778 9.36939-1.22748 0.799551-109.594836 72.049708-122.534053 169.853977 35.788367-39.301888 116.486743-95.642102 276.802411-75.439355 1.250003 0.168919 2.500005 0.506758 3.659918 1.036038 42.421264 19.200493 86.959651 32.567639 132.376417 39.707295 6.970736 1.103606 11.722999 7.635152 10.619393 14.594627-1.103606 6.970736-7.680197 11.722999-14.594627 10.630654-47.060914-7.398665-93.187142-21.148695-137.173725-40.867207C84.651087 747.130022 26.385193 867.524431 25.810868 868.763172 23.693746 873.323993 19.144186 876.173098 14.223004 876.173098z"></path>
        <path d="M1209.000407 1024c-4.898659 0-9.436958-2.815322-11.554079-7.342358-1.430183-2.995502-35.259087-70.957363-154.099438-70.957363-13.502282 0-27.781593 0.900903-42.455048 2.680186-51.756871 23.130682-106.340324 34.85368-162.297654 34.85368-195.383313 0-354.336365-136.847148-354.336365-305.068239 0-168.176046 158.953052-304.978148 354.336365-304.978148 195.405835 0 354.358888 136.802103 354.358888 304.978148 0 85.506945-40.123962 145.293112-59.324455 168.986858 28.98655 22.072121 99.076794 84.560997 88.018212 165.811176-0.765767 5.619382-5.146408 10.06759-10.754528 10.900925C1210.272932 1023.954955 1209.631039 1024 1209.000407 1024zM1043.346889 920.14842c79.290715 0 125.811088 27.916728 151.148981 51.903267-15.022556-65.011404-85.844783-111.441687-86.678119-111.982228-3.254512-2.10586-5.371633-5.540553-5.788301-9.391913-0.394145-3.840099 0.945948-7.657675 3.693702-10.382906 0.596848-0.608109 61.700586-63.119508 61.700586-162.128735 0-154.088177-147.511586-279.437552-328.818291-279.437552-181.306705 0-328.795768 125.360636-328.795768 279.437552 0 154.133222 147.500324 279.527642 328.795768 279.527642 52.939306 0 104.606086-11.227502 153.558896-33.389713 1.159912-0.52928 2.398654-0.867119 3.659918-1.036038C1012.209434 921.206981 1028.211721 920.14842 1043.346889 920.14842z"></path>
        <path d="M726.36421 662.726683m-30.416734 0a2.701 2.701 0 1 0 60.833467 0 2.701 2.701 0 1 0-60.833467 0Z"></path>
        <path d="M841.769869 662.726683m-30.427995 0a2.702 2.702 0 1 0 60.85599 0 2.702 2.702 0 1 0-60.85599 0Z"></path>
        <path d="M957.164267 662.726683m-30.427995 0a2.702 2.702 0 1 0 60.85599 0 2.702 2.702 0 1 0-60.85599 0Z"></path></symbol>
    <symbol id="icon-tinggeliang" viewBox="0 0 1024 1024">
        <path d="M956.921255 847.51345l1.216711-8.650007c1.220804-8.895601 0.803295-2.761903 1.220804-13.713326L959.358771 690.827875l-0.730641-226.402403C950.686251 242.165412 753.905492 64.042595 511.667425 64.042595c-242.140853 0-438.823374 177.928389-446.911586 400.090211-0.146333 0.975211-0.778736 1.803066-0.778736 2.826372l0 358.190939c0.016373 6.993275 0 6.90527 0.676405 14.004969l1.75804 8.358365c11.596106 63.481823 70.839395 111.909789 142.750191 111.909789 78.635965 0 142.263098-57.879222 144.700613-129.98547 0.388856-1.413186 1.168616-2.777253 1.168616-4.287653L355.030969 690.827875c0-2.628874-0.352017-7.736195-0.352017-7.736195s-0.329505-9.604752-0.329505-14.673188c0-74.153884-64.99427-134.273123-145.187707-134.273123-17.052374 0-33.177634 3.215228-48.37987 8.233522l0-0.24457c-4.578272-20.656459-7.014764-42.044582-7.014764-63.96994 0-179.239244 160.241564-324.573283 357.899296-324.573283 189.035354 0 343.4277 133.055388 356.584348 301.480332 0.546446 33.111119-5.700839 82.289168-5.700839 86.771249l0 0.536212c-15.250332-5.019317-31.376615-8.233522-48.427966-8.233522-80.144318 0-145.187707 60.119239-145.187707 134.273123 0.243547 0 0 10.036587 0 22.409382l0 134.322242c0 74.15286 65.042365 134.273123 145.187707 134.273123C886.034788 959.423239 945.326173 910.995273 956.921255 847.51345zM209.113645 623.791086c27.039843 0 49.6457 19.148106 54.859445 44.627407l0 156.731624c-5.213745 25.480324-27.819602 44.578288-54.859445 44.578288-27.087938 0-49.6457-19.097964-54.860469-44.578288l-0.436952-156.731624C159.030993 642.939191 182.025707 623.791086 209.113645 623.791086zM758.094908 825.150116 758.094908 668.418492c5.213745-25.479301 29.036313-44.627407 56.07718-44.627407 27.088962 0 50.133817 19.148106 55.345516 44.627407l0 9.159614 0 147.573033c0 3.507894 0.436952 1.553379-3.458775 9.647731-8.280594 20.463054-28.354791 34.930557-51.886741 34.930557C787.131221 869.729427 763.308653 850.631464 758.094908 825.150116z"></path></symbol>
    <symbol id="icon-tuijian" viewBox="0 0 1024 1024">
        <path d="M338.944 0c-109.3632 0-198.00064 88.63744-198.00064 198.00064L140.94336 1024l5.44768 0 365.69088-291.92192L877.568 1024l5.57056 0L883.13856 0 338.944 0 338.944 0zM658.92352 567.45984l-146.88256-102.1952-146.88256 102.1952 51.85536-171.25376-142.5408-108.09344 178.7904-3.60448 58.81856-169.00096 58.81856 169.00096L749.568 288.1536 607.0272 396.24704 658.92352 567.45984 658.92352 567.45984z"></path></symbol>
    <symbol id="icon-wodeguanzhu" viewBox="0 0 1024 1024">
        <path d="M844.8 353.3c0-196.3-147.8-332-331.3-332.8C329 19.6 179.2 169 179.2 353.3c0 86.2 32.8 164.9 86.6 223.9-146.7 85-245.4 243.7-245.4 425.5 0 0.2 0 0.5 0 0.7l61.4 0c0 0 0 0 0 0-0.1-58.3 11.3-114.9 33.8-168.1 21.7-51.2 52.6-97.2 92.2-136.7 31.5-31.5 67.1-57.5 106.2-77.8 55.3 41 123.8 65.2 197.9 65.2s144.7-21.6 197.9-65.2C709.9 620.7 844.8 530.1 844.8 353.3zM512 624.6c-36.7 0-72.2-7.2-105.6-21.3-32.3-13.6-61.3-33.3-86.3-58.2-25-25-44.5-54-58.2-86.3-14.1-33.4-21.3-68.9-21.3-105.6s7.2-72.2 21.3-105.6c13.6-32.3 33.3-61.3 58.2-86.3 25-25 54-44.5 86.3-58.2 33.4-14.1 68.9-21.3 105.6-21.3s72.2 7.2 105.6 21.3c32.3 13.6 61.3 33.3 86.3 58.2 25 25 44.5 54 58.2 86.3 14.1 33.4 21.3 68.9 21.3 105.6s-7.2 72.2-21.3 105.6c-13.6 32.3-33.3 61.3-58.2 86.3-25 25-54 44.5-86.3 58.2C584.2 617.5 548.7 624.6 512 624.6zM819.2 992.3c0 0-168.1-91-168.1-214.9 0-47.4 47.2-85.9 94-85.9 35.5 0 62.8 22.2 73.9 53.7 0 0 0.2 0.1 0.2 0.1s0.1 0 0.2-0.1c11.1-31.4 38.4-53.7 73.9-53.7 46.8 0 94 38.5 94 85.9C987.3 901.3 819.2 992.3 819.2 992.3z"></path></symbol>
    <symbol id="icon-wangpanyinle" viewBox="0 0 1024 1024">
        <path d="M933.751467 15.36 324.778667 16.196267c-35.969707 6.31808-59.306667 39.325013-59.306667 75.639467l0 115.094187-0.94208 0 0 539.828907c-27.661653-28.542293-55.927467-39.9872-91.96544-39.9872-86.695253 0-157.20448 70.15424-157.20448 156.40576 0 86.203733 70.509227 152.487253 157.20448 152.487253 82.64704 0 145.62304-58.361173 152.49408-148.40832l2.618027 0L327.676587 360.574293l626.305707 0.597333 0 316.22144c-25.7024-28.542293-53.101227-33.77152-88.849067-33.77152-86.074027 0-160.938667 69.632-160.938667 155.24864 0 85.613227 74.868053 155.286187 160.938667 155.286187 82.056533 0 150.534827-68.133547 149.589333-154.344107l0.6656 0L1015.38816 321.993387 1015.38816 151.21408 1015.38816 89.04704C1015.38816 40.05888 969.680213 15.568213 933.751467 15.36zM953.97888 299.554133 328.615253 298.789547 328.615253 146.223787c0-3.170987 2.307413-5.85728 5.40672-6.417067l612.287147-1.39264c0.382293-0.037547 0.768-0.105813 1.150293-0.105813 1.539413 0 3.034453 0.559787 4.191573 1.539413 1.49504 1.256107 2.331307 3.06176 2.331307 4.98688l0 59.026773L953.982293 299.554133z"></path></symbol>
    <symbol id="icon-weibiaoti6" viewBox="0 0 1024 1024">
        <path d="M383.989965 525.728263 792.987848 128.090318 695.123795 47.808075 218.40784 529.501529 723.985261 1003.688593 805.511878 913.37107Z"></path></symbol>
    <symbol id="icon-hengxian1" viewBox="0 0 1024 1024">
        <path d="M0.021487 447.848934l1023.957021 0 0 127.921461L0.021487 575.770396 0.021487 447.848934z"></path></symbol>
    <symbol id="icon-iconzantingbofangyuyin01" viewBox="0 0 1024 1024">
        <path d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512 512-229.216 512-512S794.784 0 512 0zM423.392 751.008l-94.816 0L328.576 272.992l94.816 0L423.392 751.008zM695.392 751.008l-94.816 0L600.576 272.992l94.816 0L695.392 751.008z"></path></symbol>
    <symbol id="icon-xiazai13" viewBox="0 0 1024 1024">
        <path d="M508.896 21.344c-270.176 0-487.552 220.48-487.552 490.656s220.48 490.656 490.656 490.656c270.176 0 490.656-220.512 490.656-490.656-3.104-270.176-223.584-490.656-493.792-490.656l0 0zM720.064 822.56l-211.168-127.328-211.168 127.328 52.8-239.136-183.2-164.576 245.344-21.76 96.288-226.688 96.288 226.688 245.344 21.76-186.336 161.472 55.84 242.24z"></path></symbol>
    <symbol id="icon-nicheng" viewBox="0 0 1024 1024">
        <path d="M868.518856 445.734784 549.714973 768.292154 321.475735 537.374924l318.797743-322.54816c1.087774-1.088798 2.169409-1.081635 3.244904-0.00921l225.000474 227.64879c0.531096 0.543376 0.648776 1.186012 0.648776 1.638313C869.167632 444.549795 869.049952 445.189362 868.518856 445.734784zM428.094008 823.403333c-0.167822 0.039909-0.550539 0-0.305969 0.255827L267.089058 661.157111c-0.077771-0.164752-0.102331-0.586354-0.310062-0.24457l50.921763-79.906911 188.904371 191.117782L428.094008 823.403333zM343.137081 819.145355l-28.831652-0.827855-57.095369-57.764612 30.652114-31.013341 71.924099 72.767304L343.137081 819.145355zM721.175043 194.017832l167.917384 169.892365c3.809769 3.853771 3.809769 10.372232-0.007163 14.232143l-18.622126 18.84009L688.48348 212.860992l18.622126-18.84316C710.914352 190.164061 717.366298 190.164061 721.175043 194.017832zM912.542512 340.182796 744.624105 170.289408c-16.800641-17.010419-44.164872-17.010419-60.968583 0l-18.809391 19.034519c-6.40692-5.550413-14.394848-8.717546-22.944572-8.717546-9.477862 0-18.384719 3.723811-25.069979 10.485819L274.577612 537.374924l19.133779 19.358907-54.813397 86.003769c-8.226359 12.915148-6.335289 30.854728 4.40431 41.713031l21.110807 21.360494-54.102199 54.741765 89.87289 90.927919 56.299237 1.612731 26.751271-27.060309 21.113877 21.358447c6.255471 6.338359 14.886035 9.627265 23.520693 9.627265 6.191003 0 12.390191-1.690502 17.715477-5.179976l85.002976-55.45194 19.127639 19.354813L891.967918 469.462185c6.685259-6.764054 10.365068-15.777335 10.365068-25.372877-0.004093-8.637728-3.134387-16.71059-8.609075-23.187095l18.812461-19.033495C929.3452 384.863415 929.35134 357.191168 912.542512 340.182796z"></path></symbol>
    <symbol id="icon-gedan" viewBox="0 0 1055 1024">
        <path d="M1010.516047 403.238232C985.941254 403.238232 966.020777 381.456029 966.020777 354.523048 966.020777 206.050337 889.969238 125.778884 806.377705 103.903594L806.377705 800.99616C806.439763 802.857887 806.719022 804.688585 806.719022 806.58134 806.719022 808.474096 806.439763 810.304794 806.377705 812.166521L806.377705 820.420176C806.377705 821.785442 805.726101 822.902478 805.633015 824.236716 794.679855 935.878266 681.176579 1024 542.974394 1024 397.542503 1024 279.229766 926.476545 279.229766 806.58134 279.229766 686.748193 397.542503 589.193709 542.974394 589.193709 608.041745 589.193709 667.585973 608.834927 713.632683 641.135887L713.632683 48.268992C713.632683 36.043653 718.380086 25.18358 725.578763 16.681694 726.199338 15.937004 726.540655 14.913054 727.192259 14.199392 727.347403 14.044248 727.533576 13.98219 727.657691 13.858075 735.663116 5.35619 746.49216 0.050268 758.500298 0.050268 758.903672 0.050268 759.307046 0.112326 759.71042 0.112326 759.803507 0.112326 759.896593 0.050268 760.020708 0.050268 760.175852 0.050268 760.330996 0.143355 760.48614 0.143355 907.190211 1.229362 1054.980289 122.862179 1054.980289 354.523048 1054.980289 381.456029 1035.059812 403.238232 1010.516047 403.238232ZM542.974394 681.535358C450.01217 681.535358 374.426062 737.635392 374.426062 806.58134 374.426062 875.558318 450.01217 931.658351 542.974394 931.658351 635.936618 931.658351 711.522726 875.558318 711.522726 806.58134 711.522726 737.635392 635.936618 681.535358 542.974394 681.535358ZM542.415876 341.335817 47.413753 341.335817C21.380606 341.335817 0.250007 320.577563 0.250007 294.97882 0.250007 269.380077 21.380606 248.621823 47.413753 248.621823L542.415876 248.621823C568.417993 248.621823 589.548592 269.380077 589.548592 294.97882 589.548592 320.577563 568.417993 341.335817 542.415876 341.335817ZM542.415876 93.07455 47.413753 93.07455C21.380606 93.07455 0.250007 72.347325 0.250007 46.748582 0.250007 21.149839 21.380606 0.391585 47.413753 0.391585L542.415876 0.391585C568.417993 0.391585 589.548592 21.149839 589.548592 46.748582 589.548592 72.347325 568.417993 93.07455 542.415876 93.07455ZM47.413753 496.88309 294.185638 496.88309C320.187755 496.88309 341.318354 517.610315 341.318354 543.209058 341.318354 568.807801 320.187755 589.566055 294.185638 589.566055L47.413753 589.566055C21.380606 589.566055 0.250007 568.807801 0.250007 543.209058 0.250007 517.610315 21.380606 496.88309 47.413753 496.88309Z"></path></symbol>
    <symbol id="icon-next" viewBox="0 0 1024 1024">
        <path d="M91.009 992.703c-10.595-5.485-17.19-15.925-17.19-27.269v-920.117c0-11.312 6.596-21.752 17.19-27.237 10.594-5.515 23.553-5.172 33.814 0.841l703.081 460.074c9.728 5.703 15.591 15.643 15.591 26.396 0 10.72-5.863 20.693-15.591 26.396l-703.081 460.074c-5.397 3.148-11.527 4.737-17.69 4.737-5.53 0-11.094-1.278-16.124-3.895z"></path>
        <path d="M792.524 928.009v-852.001c0-42.032 36.4-76.007 81.252-76.007 44.85 0 81.252 33.975 81.252 76.007v852.001c0 41.955-36.4 76.007-81.252 76.007s-81.252-34.051-81.252-76.007z"></path></symbol>
    <symbol id="icon-prev" viewBox="0 0 1024 1024">
        <path d="M932.991148 31.296585C943.585152 36.781449 950.181419 47.221388 950.181419 58.565085L950.181419 978.682257C950.181419 989.994789 943.585152 1000.43473 932.991148 1005.919595 922.397143 1011.435623 909.437811 1011.092819 899.176951 1005.078167L196.09603 545.004C186.368202 539.300988 180.504854 529.35967 180.504854 518.60809 180.504854 507.887673 186.368202 497.915193 196.09603 492.212178L899.176951 32.138011C904.573896 28.990448 910.703761 27.401084 916.866939 27.401084 922.397143 27.401084 927.960661 28.678807 932.991148 31.296585Z"></path>
        <path d="M231.476008 95.991129 231.476008 947.992923C231.476008 990.024836 195.075131 1024 150.22405 1024 105.372968 1024 68.972091 990.024836 68.972091 947.992923L68.972091 95.991129C68.972091 54.035222 105.372968 19.98405 150.22405 19.98405 195.075131 19.98405 231.476008 54.035222 231.476008 95.991129Z"></path></symbol>
    <symbol id="icon-nicheng1" viewBox="0 0 1024 1024">
        <path d="M419.263 526.302c0 51.217 41.519 92.736 92.736 92.736s92.736-41.519 92.736-92.736c0 0 0 0 0 0 0-51.217-41.519-92.736-92.736-92.736-51.217 0-92.736 41.519-92.736 92.736 0 0 0 0 0 0z" fill="#ff8000"></path>
        <path d="M326.788 792.397c0-86.342 82.921-185.21 185.21-185.21s185.21 98.869 185.21 185.21c0.001 138.146-370.42 138.146-370.42 0z" fill="#ff8000"></path>
        <path d="M511.983 336.081c-181.129 0-327.959 146.83-327.959 327.959s146.83 327.959 327.959 327.959 327.991-146.83 327.991-327.959-146.862-327.959-327.991-327.959zM511.983 950.95c-158.433 0-286.909-128.445-286.909-286.909s128.477-286.909 286.909-286.909c158.465 0 286.941 128.445 286.941 286.909s-128.476 286.909-286.941 286.909z" fill="#ff8000"></path>
        <path d="M776.326 212.784c-56.254 85.039-59.135 95.493-59.135 201.991l-209.556 1.481-208.971-1.481c0-106.498-2.869-116.952-59.158-201.991 24.255 27.661 69.159 87.668 118.017 87.668 91.228 0 144.149-126.812 150.112-192.912v-12.020c0 2.558 0.596 2.558 0.596 0v12.020c5.963 66.099 58.86 192.912 150.075 192.912 48.86 0 93.787-60.007 118.018-87.668zM798.684 161.596c-12.63 0-22.906 10.263-22.906 22.882 0 12.653 10.277 22.857 22.906 22.857 12.618 0 22.882-10.203 22.882-22.857 0-12.619-10.264-22.882-22.882-22.882zM248.184 184.478c0-12.619-10.217-22.882-22.846-22.882-12.666 0-22.904 10.263-22.904 22.882 0 12.653 10.24 22.857 22.904 22.857 12.63-0.001 22.846-10.204 22.846-22.857zM505.893 77.763c12.641 0 22.882-10.264 22.882-22.894 0-12.641-10.24-22.869-22.882-22.869-12.641 0-22.858 10.227-22.858 22.869 0 12.63 10.217 22.894 22.858 22.894z" fill="#ff8000"></path></symbol>
    <symbol id="icon-sousuo_sousuo" viewBox="0 0 1024 1024">
        <path d="M1010.255 935.96l-0.028-0.028v0.029h0.028c9.13 10.666 13.71 22.47 13.71 35.412 0 14.478-5.148 26.85-15.445 37.147a50.686 50.686 0 0 1-37.175 15.445 55.596 55.596 0 0 1-17.72-2.873 47.216 47.216 0 0 1-15.445-8.533l-5.718-4.58-282.529-284.548c-67.837 48.013-143.725 71.99-227.604 71.99-8.391 0-16.953-0.37-25.713-1.109a277.608 277.608 0 0 1-25.742-3.441 368.059 368.059 0 0 1-162.44-59.447c-53.36-34.274-96.054-79.585-128.081-135.988a370.903 370.903 0 0 1-36.038-83.425 408.391 408.391 0 0 1-16.014-90.28 387.173 387.173 0 0 1 5.149-91.417 377.331 377.331 0 0 1 50.344-137.723 380.375 380.375 0 0 1 98.358-109.138c33.563-26.68 71.109-47.244 112.665-61.722A384.926 384.926 0 0 1 422.329 0c18.317 0 35.838 1.138 52.649 3.442 44.969 6.087 88.032 19.796 129.218 41.129a381.484 381.484 0 0 1 107.545 82.287c35.81 37.346 63.06 81.519 81.747 132.575 18.687 51.056 26.907 102.852 24.603 155.415-3.043 87.634-33.165 166.48-90.365 236.564l283.639 284.549h-1.11z m-251.64-522.25a320.558 320.558 0 0 0-22.868-137.126 323.573 323.573 0 0 0-40.048-75.432c-16.782-23.608-36.408-44.741-58.878-63.429a338.477 338.477 0 0 0-72.616-46.306A332.277 332.277 0 0 0 385.779 62.86a52.62 52.62 0 0 0-10.297 1.138l-6.883 1.138a324.568 324.568 0 0 0-135.533 54.27 323.26 323.26 0 0 0-98.927 106.862c-28.187 46.448-43.632 98.272-46.334 155.415-2.674 57.143 7.794 110.105 31.458 158.857a319.99 319.99 0 0 0 86.326 114.286 330.57 330.57 0 0 0 126.375 67.44c48.809 13.709 97.988 16.383 147.536 7.992a332.618 332.618 0 0 0 75.517-22.84 345.816 345.816 0 0 0 68.037-39.423 346.356 346.356 0 0 0 57.2-53.73c17.152-20.195 31.459-42.096 42.893-65.704v0.028a328.152 328.152 0 0 0 35.469-134.879z" fill=""></path></symbol>
    <symbol id="icon-tinggeshiquyishoucang" viewBox="0 0 1024 1024">
        <path d="M502.4 252.288c40.544-36.96 92.224-58.016 147.392-58.016 103.68 0 208.64 78.496 208.64 228.544 0 233.44-327.392 390.688-341.344 397.28l-17.6 7.584a20.832 20.832 0 0 1-16.288-0.736l-13.088-6.816C456.192 813.6 128 656.992 128 424.032 128 271.712 233.152 192 337.056 192c54.848 0 106.528 21.76 147.296 59.936" fill="#D22F33"></path></symbol>
    <symbol id="icon-Rectangle" viewBox="0 0 1024 1024">
        <path d="M542.176 309.024l-27.008 27.36a30.848 30.848 0 0 1-44.448-0.288l-26.624-27.712c-29.856-31.072-67.68-47.872-107.008-47.872-78.592 0-140.576 61.472-140.576 163.552 0 77.536 51.264 156.192 140.928 230.112 58.592 48.32 155.84 108.544 155.84 108.544s100.192-62.56 156.064-108.896c89.472-74.208 140.672-153.152 140.672-230.976 0-99.776-61.6-160.064-140.16-160.064-40.128-0.032-78.112 16.288-107.68 46.24M502.4 252.288c40.544-36.96 92.224-58.016 147.392-58.016 103.68 0 208.64 78.496 208.64 228.544 0 233.44-327.392 390.688-341.344 397.28l-17.6 7.584a20.832 20.832 0 0 1-16.288-0.736l-13.088-6.816C456.192 813.6 128 656.992 128 424.032 128 271.712 233.152 192 337.056 192c54.848 0 106.528 21.76 147.296 59.936" fill="#515151"></path></symbol>
    <symbol id="icon-hengxian" viewBox="0 0 1024 1024">
        <path d="M210 462h604v100H210z" fill=""></path></symbol>
    <symbol id="icon-right" viewBox="0 0 1024 1024">
        <path d="M632.009 520.463l-383.436 372.786 91.747 75.264 446.921-451.587-473.978-444.55-76.432 84.673z"></path></symbol></svg>
<script>
    var messages=[];
    var host = window.location.host;
    var webSocket = null;

    function generateMsg(){
        function getStr(jsonData,index){
            var str="<p data-toggle='modal' data-target='#messageModal'>"+"<span class='index' style='display:none;'>"+index+"</span>"+jsonData.fromName+"</p>" ;
            return str;
        };
        var MsgDiv="<div class='popover-con-div'>";
        for(var i=0;i<messages.length;i++){
            MsgDiv+=getStr(messages[i],i);
        }
        MsgDiv+="</div>";
        return MsgDiv;
    }

    function updateMsgView(){
        if(messages.length==0){
            $('.new-message').attr('data-original-title','<h4>没有新消息</h4>');
            $('.message-badge').text(messages.length);
            $('.message-badge').hide();
        }else{
            $('.new-message').attr('data-original-title','<h4>'+messages.length+'条新消息</h4>');
            $('.message-badge').text(messages.length);
            $('.message-badge').show();
        }
        $('.new-message').attr('data-content',generateMsg());
    }

    var barStart;
    var nowOffs=0;
    var playing=false;
    var mouseDown=false;
    var audio;
    var songLength;
    var interv;
    var pageContent=angular.module("page-content",[]);
    pageContent.controller('page-ctrl',function($scope,$http){
        $scope.comments=[];
        $scope.followedUsers=[];
        $scope.followUsers=[];
        function getComments(songId){
            $http({
                method:'GET',
                url:'/comment/song?songId='+songId
            }).then(function(data){
                var comments=data.data.usercomment;
                console.log(comments);
                $scope.comments=comments;
                $scope.$applyAsync();
            });
        }

        var formatDateTime = function (date) {
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            m = m < 10 ? ('0' + m) : m;
            var d = date.getDate();
            d = d < 10 ? ('0' + d) : d;
            var h = date.getHours();
            var minute = date.getMinutes();
            minute = minute < 10 ? ('0' + minute) : minute;
            var second=date.getSeconds();
            second = second < 10 ? ('0' + second) : second;
            return y + '-' + m + '-' + d+' '+h+':'+minute+":"+second;
        };

        function postComment(songId,commentTime,commentContent){
            $http({
                method:'GET',
                url:'/comment/add?songId='+songId+"&commentTime="+commentTime+"&commentInf="+commentContent
            }).then(function(data){
                console.log(data);
                $('.post-message').removeAttr('disabled');
                var resultMap=data.data;
                var result=resultMap.result;
                if(result=='unlogin'){
                    location.href="login.jsp";
                }
                var comment=resultMap.commentInf;
                $scope.comments.push(comment);
                $scope.$applyAsync();
            },function(data){
                $('.post-message').removeAttr('disabled');
            });
        }

        function follow(followedUsername,hr){
            $http({
                method:'GET',
                url:'follow?followedUsername='+followedUsername,
            }).then(function(data){
                $(hr).removeAttr('disabled');
                var resultMap=data.data.resultMap;
                var result=resultMap.result;
                if(result=='unlogin'){
                    location.href="login.jsp";
                }
                var followedUsername=resultMap.followedUsername;
                var comments=$scope.comments;
                for(var i=0;i<comments.length;i++){
                    if(comments[i].username==followedUsername){
                        if(result=='follow'){
                            $scope.comments[i].followState='true';
                        }
                        else{
                            $scope.comments[i].followState='false';
                        }
                    }
                }
                $scope.$apply();
            },function(data){
                $(hr).parent().find('.follow').removeAttr('disabled');
            });
        }

        function follow2(followedUsername,hr){
            $http({
                method:'GET',
                url:'follow?followedUsername='+followedUsername,
            }).then(function(data){
                $(hr).removeAttr('disabled');
                var resultMap=data.data.resultMap;
                var result=resultMap.result;
                if(result=='unlogin'){
                    location.href="login.jsp";
                }
                var followedUsername=resultMap.followedUsername;
                var followedUsers=$scope.followedUsers;
                for(var i=0;i<followedUsers.length;i++){
                    if(followedUsers[i].username==followedUsername){
                        if(result=='follow')
                            $scope.followedUsers[i].followedState='true';
                        else{
                            $scope.followedUsers[i].followedState='false';
                        }
                    }
                }
                $scope.$apply();
            },function(data){
                $(hr).removeAttr('disabled');
            });
        }

        function follow3(followedUsername,hr){
            $http({
                method:'GET',
                url:'follow?followedUsername='+followedUsername,
            }).then(function(data){
                $(hr).removeAttr('disabled');
                var resultMap=data.data.resultMap;
                var result=resultMap.result;
                if(result=='unlogin'){
                    location.href="login.jsp";
                }
                var followedUsername=resultMap.followedUsername;
                var followUsers=$scope.followUsers;
                for(var i=0;i<followUsers.length;i++){
                    if(followUsers[i].username==followedUsername){
                        if(result=='follow')
                            $scope.followUsers[i].followState='true';
                        else{
                            $scope.followUsers[i].followState='false';
                        }
                    }
                }
                $scope.$apply();
            },function(data){
                $(hr).removeAttr('disabled');
            });
        }

        function getFollow(){
            $http({
                method:'GET',
                url:'getFollow'
            }).then(function(data){

                var resultMap=data.data.resultMap;
                var result=resultMap.result;
                if(result=='unlogin'){
                    location.href="login.jsp";
                }
                var resultMap=data.data.resultMap;
                var result=resultMap.result;
                if(result=='unlogin'){
                    location.href="login.jsp";
                }
                var followUsers=resultMap.followUsers;
                $scope.followUsers=followUsers;
            },function(data){

            });
        }

        function getFollowed(){
            $http({
                method:'GET',
                url:'getFollowed'
            }).then(function(data){

                var resultMap=data.data.resultMap;
                var result=resultMap.result;
                if(result=='unlogin'){
                    location.href="login.jsp";
                }
                var resultMap=data.data.resultMap;
                var result=resultMap.result;
                if(result=='unlogin'){
                    location.href="login.jsp";
                }
                var followedUsers=resultMap.followedUsers;
                $scope.followedUsers=followedUsers;
                $scope.$apply();
            },function(data){

            });
        }

        $(document).on('click','.look-comment',function(){
            var songId=window.sessionStorage.getItem("playingSongId");
            if(songId==null){
                return;
            }
            getComments(songId);
        });

        $(document).on('click','.post-message',function(){

            var commentContent=$('.comment-content').val().trim();
            if(commentContent==null||commentContent==""){
                return;
            }
            var currentTime=new Date();
            var commentTime=formatDateTime(currentTime);
            var songId=window.sessionStorage.getItem("playingSongId");
            if(songId==null){
                return;
            }
            postComment(songId,commentTime,commentContent);
            $('.post-message').attr('disabled','true');
            $('.comment-content').val('');
        });

        $(document).on('click','.follow',function(){
            var username=$(this).parent().find('.com-username').attr('username');
            var hr='.com-username[username='+username+']';
            $(hr).parent().find('.follow').attr('disabled','disabled');
            follow(username,hr);
        });

        $(document).on("click",".my-follow",function(){
            getFollow();
        });

        $(document).on("click",".my-followed",function(){
            getFollowed();
        });

        $(document).on("click",".follow2",function(){
            $(this).attr('disabled','disabled');
            var username=$(this).parent().find('.username').attr('username');
            follow2(username,this);

        });

        $(document).on("click",".follow3",function(){
            $(this).attr('disabled','disabled');
            var username=$(this).parent().find('.username').attr('username');
            follow3(username,this);
        });

        $(document).on("click",".popover-con-div > p",function(){
            $("[data-toggle='popover']").popover('hide');
            var index=$(this).find('.index').text();
            var msgData=messages[index];
            console.log(msgData);
            $('.message-head').val(msgData.fromName);
            $('.message-content').val(msgData.msgText);
            $('#messageModal').show();
            messages.splice(index,1);

            updateMsgView();
        });

        var showLogin=function(){
            $("#register-form").hide();
            $("#login-form").show();
            $("#loginModalLabel").text('用户登录');
            $("#login-modal-body").css('height','260px');
            $("#loginModal-dialog").css('margin-top','100px');
        };
        var showRegister=function(){
            $("#login-form").hide();
            $("#register-form").show();
            $("#loginModalLabel").text('用户注册');
            $("#login-modal-body").css('height','350px');
            $("#loginModal-dialog").css('margin-top','50px');
        };

        $(document).on('click','#to-register',function(){
            showRegister();
        });

        $(document).on('click','#to-login',function(){
            showLogin();
        });

        $(document).on('click','#login-btn',function(){
            $("#register-form").hide();
            $("#login-form").show();
            $("#loginModalLabel").text('用户登录');
            $("#login-modal-body").css('height','260px');
            $("#login-form")[0].reset();
            $("#register-form")[0].reset();
        });

        $(document).on('click','#login',function(){
            var usernumber=$('#usernumber').val().trim();
            var password=$('#password').val().trim();
            $('#usernumber').parent().removeClass('has-error');
            $('#password').parent().removeClass('has-error');
            if(usernumber==''||usernumber==null){
                $('#usernumber').parent().addClass('has-error');
                return;
            }
            if(password==''||password==null){
                $('#password').parent().addClass('has-error');
                return;
            }
            $('#login').text('登录中...');
            $('#login').attr('disabled','disabled');
            $.ajax({
                url:'/user/login',
                data:{
                    usernumber:usernumber,
                    password:password
                },
                success:function(msg){
                    console.log(msg);
                    var result = msg.login;
                    console.log(result);
                    if(result=='success'){
                        init(usernumber);
                        $('#loginModal').modal('hide');
                    }else{
                        $('.login-error').text(result);
                    }
                    $('#login').text('登录');
                    $('#login').removeAttr('disabled');
                },
                error:function(){
                    $('#login').text('登录');
                    $('#login').removeAttr('disabled');
                }
            });
        });
    });

    $(document).on('click','#register',function(){

        var usernumber=$('#usernumber1').val().trim();
        var password=$('#password1').val().trim();
        var _password=$('#password2').val().trim();
        var username=$('#username').val().trim();
        $('#usernumber1').parent().removeClass('has-error');
        $('#username').parent().removeClass('has-error');
        $('#password1').parent().removeClass('has-error');
        $('#password2').parent().removeClass('has-error');
        if(usernumber==''||usernumber==null){
            $('#usernumber1').parent().addClass('has-error');
            return;
        }
        if(username==''||username==null){
            $('#username').parent().addClass('has-error');
            return;
        }
        if(password==''||password==null){
            $('#password1').parent().addClass('has-error');
            return;
        }
        if(_password!=password){
            $('#password2').parent().addClass('has-error');
            return;
        }
        $('#register').text('注册中...');
        $('#register').attr('disabled','disabled');
        $.ajax({
            url:'/user/register',
            data:{
                usernumber:usernumber,
                password:password,
                username:username
            },
            dataType:'json',
            success:function(msg){
                var result=msg.result;
                console.log(result);
                if(result=='success'){
                    init(usernumber);
                    $("#register-form")[0].reset();
                    $("#register-form").hide();
                    $("#login-form").show();
                    $("#loginModalLabel").text('用户登录');
                    $("#login-modal-body").css('height','260px');
                    $("#loginModal-dialog").css('margin-top','100px');
                }else{
                    $('.register-error').text(result);
                }
                $('#register').text('注册');
                $('#register').removeAttr('disabled');
            },
            error:function(){

                $('#register').text('注册');
                $('#register').removeAttr('disabled');
            }
        });
    });

    function moveBar(){
        songLength=audio.duration;
        var nowTime=audio.currentTime;
        var timeRate=nowTime/songLength;
        nowOffs=timeRate*583;
        $('.play-bar-btn').css('left',nowOffs);
        if(audio.ended==true){
            $('.play-btn').html('&#xe778;');
            playing=false;
            nowOffs=0;
            $('.play-bar-btn').css('left',nowOffs);
            clearInterval(interv);
        }
    }

    function playMusic(url){
        audio=document.getElementById('play-song');
        audio.src=url;
        audio.autoplay=true;
        audio.load();
        audio.volume=0.5;
        play_pause();
    }

    function play_pause(){
        if(playing==false){
            $('.play-btn').html('&#xe640;');
            audio.play();
            playing=true;
        }else{
            $('.play-btn').html('&#xe778;');
            audio.pause();
            playing=false;
        }
    }

    window.addEventListener('message',function(e){
        if(e.source!=window.frames[0])
            return;
        console.warn(e.data);
        switch(e.data){
            case 'play':if(playing==true){
                play_pause();
            }
                var playingSongName=window.sessionStorage.getItem("playingSongName");
                var playingSongUrl=window.sessionStorage.getItem("playingSongUrl");
                $('.mis-text').text(playingSongName);
                playMusic(playingSongUrl);break;
            case 'login':
                location.href="login.jsp";
        }
    },false);


    function init(usernumber){
        $.ajax({
            type:"get",
            url:"/user/loginState",
            data:{
                usernumber:usernumber
            },
            async:true,
            success:function(msg){
                var jsonD=eval(msg);
                var login=jsonD.login;
                console.log(login);
                if(login=='true'){
                    $('#login-btn').html(jsonD.username);
                    webSocket = new WebSocket("ws://"+host+"//ws");
                    webSocket.onerror=function(event){
                        console.warn("error");
                        console.log(event);
                    };
                    webSocket.onopen=function(event){
                        console.info('open');
                        var data = {};
                        data['fromId'] = jsonD.usernumber;
                        data['fromName'] = jsonD.username;
                        data['toId'] = 1;
                        data['msgText'] = "client";
                        console.log(data);
                        //web sockets只能通过连接发送纯文本数据，所以对于复杂的数据结构，在通过连接发送之前，必须进行序列化。
                        webSocket.send(JSON.stringify(data));
                    };
                    webSocket.onmessage=function(event){
                        console.log(event);
                        var data=event.data;
                        var jsonData=JSON.parse(data);
                        messages.push(jsonData);
                        updateMsgView();
                    };
                    if(jsonD.usernumber==147258001)
                        $('.span12').html("<img alt=\"140x140\" src=\"img/tximg1.jpg\" width=\"50%\" height=\"50%\" class=\"img-circle\">")
                    if(jsonD.usernumber==147258002)
                        $('.span12').html("<img alt=\"140x140\" src=\"img/tximg2.jpg\" width=\"50%\" height=\"50%\" class=\"img-circle\">")
                    if(jsonD.usernumber==147258003)
                        $('.span12').html("<img alt=\"140x140\" src=\"img/tximg3.jpg\" width=\"50%\" height=\"50%\" class=\"img-circle\">")
                    if(jsonD.usernumber==147258004)
                        $('.span12').html("<img alt=\"140x140\" src=\"img/tximg4.jpg\" width=\"50%\" height=\"50%\" class=\"img-circle\">")

                }
            }
        });
    }

    $(document).ready(function(){

        barStart=$(".play-bar-btn").offset().left;
        console.log("执行ready");
        init(0);
        $('.cl-item').click(function(){
            $('.cl-item').removeClass('active');
            $(this).addClass('active');
            webSocket.send('aaaa');
        });

        $('.cl-item-1').click(function(){

            $("[data-toggle='popover']").popover('hide');
            $("[data-toggle='popover']").popover({html:true });
        });
        $('.cl-item-2').click(function(){
            $("[data-toggle='popover']").popover('show');
        });
        $('.play-btn').click(function(){
            play_pause();
        });
        $('.play-bar-btn').mousedown(function(event){
            mouseDown=true;
        });
        $(document).mouseup(function(event){
            mouseDown=false;
        });
        $('.play-bar-btn').mousemove(function(event){
            if(mouseDown==true){
                var offs=event.pageX-nowOffs-barStart-8;
                if(offs<=0&&nowOffs<=0){
                    nowOffs=0;
                    return;
                }
                if(offs>=0&&nowOffs>=583){
                    nowOffs=583;
                    return;
                }
                nowOffs=nowOffs+offs;
                audio.currentTime=nowOffs/583*audio.duration;
                $(this).css('left',nowOffs);
            }
        });

        $("#play-song").on("canplay",function(){
            interv=setInterval("moveBar()",100);
        });

        $(".recommend").on("click",function(){
            $('.music-page').attr('src','music-page.html');
        });

        $(".collected").on("click",function(){
            /*var login1 = $('#login-btn').text();
            console.log(login1);
            if(login1=="登录/注册")
                $('#login-btn').click();
            else*/
            $('.music-page').attr('src','collect-music.html');
        });
        $(".history").on("click",function(){
            var login2 = $('#login-btn').text();
            console.log(login2);
            if(login2=="登录/注册")
                $('#login-btn').click();
            else
                $('.music-page').attr('src','listen-history.html');
        });
        $(".songs").on("click",function(){
            $('.music-page').attr('src','songs.html');
        });
        $(".my-comments").on("click",function(){
            $('.music-page').attr('src','user-comment.html');
        });

        $(function (){ $("[data-toggle='popover']").popover({html:true });});
    });

</script>
<div class="container">
    <div class="head row">
        <div class="pull-left col-xs-3 logo"><span class="iconfont logo-msc"></span>&nbsp;扣扣音乐</div>
        <div class="col-xs-3 login-div pull-right"><span class="login"><a id="login-btn" data-toggle="modal" data-target="#loginModal">登录/注册</a></span></div>
        <div class=" col-xs-6">
            <div class="input-div pull-right">
                <input class="input" placeholder="搜索音乐">
                <span class="search iconfont"></span>
            </div>
        </div>
    </div>
    <div class="content row">
        <div class="col-xs-2 content-left">
            <div class="block-1"></div>
            <div class="container-fluid">
                <div class="row-fluid">
                    <div class="span12" text-align:center;="" padding-top:50px;="">
                        <img alt="140x140" src="img/mrtx.jpg" width="50%" height="50%" class="img-circle">
                    </div>
                </div>
            </div>
            <div class="block-3"></div>
            <div class="cl-manage">所有歌曲</div>
            <div class="cl-item cl-item-1 active recommend"><span class="iconfont manage-icon"></span>推荐歌曲</div>
            <div class="block-1"></div>
            <div class="cl-manage">歌曲管理</div>
            <div class="cl-item cl-item-1 collected"><span class="iconfont manage-icon"></span>收藏的歌曲</div>
            <div class="cl-item cl-item-1 history"><span class="iconfont manage-icon"></span>听歌记录</div>
            <div class="block-1"></div>
            <div class="cl-manage">我的圈子</div>
            <div class="cl-item cl-item-1 my-comments"><span class="iconfont manage-icon">&#xe662;</span>我的评论</div>
            <div class="cl-item cl-item-2 new-message" data-placement="right" data-toggle="popover" title="<h4>没有新消息</h4>" data-container="body" data-content="<div class='popover-con-div'>
					</div>"><span class="iconfont manage-icon">&#xe60d;</span>消息<span class="badge message-badge" style="display: none;"></span></div>
        </div>
        <div class="col-xs-10 content-right" style="overflow-y: hidden">
            <iframe class="music-page" src="music-page.html">

            </iframe>

        </div>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        所有评论
                    </h4>
                </div>
                <div class="modal-body">
                    <div>
                        <div ng-repeat="comment in comments">
                            <span style="display: none;" class="com-username"  username="{{comment.userName}}"></span>
                            <strong>{{comment.userName}}</strong>&nbsp;&nbsp;&nbsp;<small>{{comment.commentTime}}</small><span></span>
                            <!--&nbsp;&nbsp;&nbsp;<span class="follow">{{comment.followState=='false'?'加关注':''}}--></span>
                            <p>{{comment.commentInf}}<p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="input-group commit-comment pull-right">
                        <input type="text" class="form-control comment-content">
                        <div class="input-group-btn">
                            <button class="btn btn-primary post-message">发表评论</button>
                        </div>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <div class="modal fade" id="followedModal" role="dialog" aria-labelledby="followedModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×
                    </button>
                    <h4 class="modal-title" id="followedModalLabel">
                        我的关注
                    </h4>
                </div>
                <div class="modal-body">
                    <div>
                        <div>
                            <table class="table table-bordered">
                                <caption></caption>
                                <thead>
                                <tr>
                                    <th>用户昵称</th>
                                    <th>关注</th>
                                </tr>
                                </thead>
                                <tbody>
                                <!-- ngRepeat: followedUser in followedUsers -->
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>


    <div class="modal fade" id="followModal" role="dialog" aria-labelledby="followModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×
                    </button>
                    <h4 class="modal-title" id="followModalLabel">
                        关注我的
                    </h4>
                </div>
                <div class="modal-body">
                    <div>
                        <div>
                            <table class="table table-bordered">
                                <caption></caption>
                                <thead>
                                <tr>
                                    <th>用户昵称</th>
                                    <th>关注</th>
                                </tr>
                                </thead>
                                <tbody>
                                <!-- ngRepeat: followUser in followUsers -->
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <div class="modal fade" id="messageModal" role="dialog" aria-labelledby="messageModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×
                    </button>
                    <h4 class="modal-title" id="messageModalLabel">
                        消息通知
                    </h4>
                </div>
                <div class="modal-body">
                    <div>
                        <div>
                            <span class="msg-label">标题:</span>
                            <input class="form-control message-head" disabled="disabled">
                            <span class="msg-label">内容:</span>
                            <textarea class="form-control message-content" disabled="disabled" rows="10"></textarea>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <div class="modal fade" id="loginModal" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
        <div id="loginModal-dialog" class="modal-dialog" style="width:430px;margin-top: 100px;border-top-left-radius: 15px;border-top-right-radius: 15px;border: none;">
            <div class="modal-content" style="border-top-left-radius: 15px;border-top-right-radius: 15px;background: #4db878;border: none;">
                <div class="modal-header" style="background: #4db878;border-top-left-radius: 15px;border-top-right-radius: 15px;color: #fff;border: none;">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×
                    </button>
                    <h4 class="modal-title" id="loginModalLabel">
                        用户登录
                    </h4>
                </div>
                <div class="modal-body" id="login-modal-body" style="height: 260px;overflow: hidden;background: #fff;">
                    <div>
                        <form role="form" id="login-form" class="ng-pristine ng-valid">
                            <div class="input-group col-xs-8 col-xs-offset-2" style="margin-bottom: 30px;margin-top: 15px;">
                                <span class="input-group-addon iconfont"></span>
                                <input class="form-control" placeholder="输入账号" name="usernumber" id="usernumber">
                            </div>
                            <div class="input-group col-xs-8 col-xs-offset-2">
                                <span class="input-group-addon iconfont"></span>
                                <input class="form-control" type="password" placeholder="输入密码" name="password" id="password">
                            </div>
                            <div class="input-group col-xs-8 col-xs-offset-2" style="margin-top: 25px;">
                                <div class="col-xs-6">
                                    <div class="btn btn-default form-control" id="to-register">注册</div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="btn btn-primary form-control" id="login">登录</div>
                                </div>
                            </div>
                            <div class="login-error"></div>
                        </form>

                        <form role="form" id="register-form" style="display: none;" class="ng-pristine ng-valid">
                            <div class="input-group col-xs-8 col-xs-offset-2" style="margin-bottom: 30px;margin-top: 15px;">
                                <span class="input-group-addon iconfont"></span>
                                <input class="form-control" placeholder="输入账号" name="usernumber1" id="usernumber1">
                            </div>
                            <div class="input-group col-xs-8 col-xs-offset-2" style="margin-bottom: 30px;margin-top: 15px;">
                                <span class="input-group-addon iconfont" style="font-size: 1.8rem;"></span>
                                <input class="form-control" placeholder="输入昵称" name="username" id="username">
                            </div>
                            <div class="input-group col-xs-8 col-xs-offset-2" style="margin-bottom: 30px;margin-top: 15px;">
                                <span class="input-group-addon iconfont"></span>
                                <input class="form-control" type="password" placeholder="输入密码" name="password1" id="password1">
                            </div>
                            <div class="input-group col-xs-8 col-xs-offset-2">
                                <span class="input-group-addon iconfont"></span>
                                <input class="form-control" type="password" placeholder="再次输入密码" name="password2" id="password2">
                            </div>
                            <div class="input-group col-xs-8 col-xs-offset-2" style="margin-top: 25px;">
                                <div class="col-xs-6">
                                    <div class="btn btn-default form-control" id="to-login">返回</div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="btn btn-primary form-control" id="register">注册</div>
                                </div>
                            </div>
                            <div class="register-error"></div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>
<!--<div class="block-2"></div>-->
<audio id="play-song"></audio>
<div class="play-bar">
    <p class="mis-text"></p>
    <p class="play-bar-bar">
        <span class="play-bar-btn">
            <span class="play-bar-btn-icon">
            </span>
        </span>
    </p>
    <span class="iconfont pre-btn"></span>
    <span class="iconfont play-btn"></span>
    <span class="iconfont next-btn"></span>
    <span class="look-comment" data-toggle="modal" data-target="#myModal">查看评论</span>
</div>

<audio controls="controls" style="display: none;"></audio>
<audio controls="controls" style="display: none;"></audio></body>
</html>
